vue3 封装的函数怎么引入

要引入 Vue 3 封装的函数，您需要先确保已经安装了 Vue 3 的依赖，并创建了 Vue 3 的实例。然后，您可以在需要使用封装函数的组件中进行引入和调用。

以下是一个示例，演示如何引入 Vue 3 封装的函数：

// 导入 Vue 3
import { createApp } from 'vue';

// 导入封装的函数
import { myFunction } from './myFunction';

// 创建 Vue 3 实例
const app = createApp({
  // 组件内容
});

// 注册全局方法
app.config.globalProperties.$myFunction = myFunction;

// 挂载应用
app.mount('#app');

在上面的示例中，我们首先通过 `import` 语句导入了 Vue 3 的 `createApp` 方法和封装的函数 `myFunction`（假设 `myFunction` 是您自己定义的函数，位于 `./myFunction` 文件中）。

然后，我们使用 `createApp` 方法创建了一个 Vue 3 实例，并在实例的 `config.globalProperties` 中注册了全局方法 `$myFunction`，并将其设置为导入的 `myFunction` 函数。

最后，我们使用 `app.mount('#app')` 将应用挂载到指定的 HTML 元素上（假设该元素的 id 是 `app`）。

在组件中，您可以通过 `this.$myFunction()` 或 `this.$appContext.config.globalProperties.$myFunction()` 来调用封装的函数 `$myFunction`。

请注意，上述示例是使用 Vue 3 的 Composition API 的方式进行的，如果您使用的是 Vue 2，引入封装函数的方式可能会有所不同。