vue3定义全局函数和变量

在Vue 3中，定义全局函数和变量可以通过在main.js或main.ts文件中添加全局属性来实现。这些全局属性可以在任何组件的setup函数中直接访问。

以下是一个示例，展示了如何在Vue 3应用中定义全局函数和变量：

// main.js
import { createApp } from 'vue';
import App from './App.vue';
 
const app = createApp(App);
 
// 定义全局变量
app.config.globalProperties.$globalVar = '这是一个全局变量';
 
// 定义全局函数
app.config.globalProperties.$globalFunc = function () {
  console.log('这是一个全局函数');
};
 
// 挂载应用
app.mount('#app');

在任何组件中，你可以通过this访问这些全局属性：

// 任意组件中
export default {
  setup() {
    // 访问全局变量
    console.log(this.$globalVar);
 
    // 调用全局函数
    this.$globalFunc();
 
    // ...
  },
};

请注意，Vue 3推荐使用provide和inject来实现全局状态管理，这样可以更好地隔离和抽象全局状态，避免全局属性的滥用。