vue3中如何使用Util中的函数

在Vue3中，如果你想要使用自定义的Util函数库，通常做法是在项目中创建一个名为`util.js`或`utils.js`的文件，将通用的工具函数定义在这个文件里。然后，你需要确保这个文件能被Vue组件访问到，可以有两种常见的方式：

1. **全局注册**：
- 如果你想让所有组件都能直接使用Util函数，可以在main.js或setup()钩子中导入并导出Util模块：

     // main.js 或者 setup.ts
     import { createApp } from 'vue'
     import App from './App.vue'
     import Util from '@/utils/util'

     createApp(App)
       .use(Util) // 将Util暴露给全局
       .mount('#app')

2. **局部引入**：
- 如果仅需要在特定组件内部使用，就在该组件内导入Util：

     // 示例组件
     export default {
       setup() {
         const doSomething = import('@/utils/util').then((util) => util.someFunction);
         // 在组件内部，你可以通过doSomething获取Util里的方法
         return () => {
           // 使用Util函数
           const result = doSomething();
           console.log(result);
         }
       },
     }

记得在`util.js`中，你的函数应该像这样声明：

// util.js
export function someFunction(arg1, arg2) {
  // ... 实现功能 ...
}

这样，你就可以在Vue组件中通过`import`导入并在合适的地方使用Util提供的各种功能。