vue3+vite+ts 怎么把tools.ts加入全局函数,以便在组件中调用
时间: 2023-10-31 13:05:35 浏览: 196
可以通过在 `main.ts` 文件中注册全局函数来实现:
1. 在 `src` 目录下创建一个新的文件夹 `utils`,并在其中创建一个 `tools.ts` 文件,定义一个你想要全局使用的函数。
```typescript
export function myGlobalFunction() {
console.log('This is a global function');
}
```
2. 在 `main.ts` 文件中引入 `tools.ts` 文件,并将其注册为全局函数。
```typescript
import { createApp } from 'vue';
import App from './App.vue';
import { myGlobalFunction } from './utils/tools';
const app = createApp(App);
app.config.globalProperties.$myGlobalFunction = myGlobalFunction;
app.mount('#app');
```
3. 在组件中使用全局函数。
```vue
<template>
<div>
<button @click="$myGlobalFunction()">Click me</button>
</div>
</template>
```
现在你就可以在任何组件中使用 `$myGlobalFunction` 函数了。
阅读全文