vue3-main.js配置全局变量

在 Vue 3 中配置全局变量，你可以使用 provide 和 inject 组合，或者使用 globalProperties 在应用级别添加属性。以下是使用 globalProperties 的示例：




// main.js
import { createApp } from 'vue';
import App from './App.vue';
 
const app = createApp(App);
 
// 添加全局变量
app.config.globalProperties.$myGlobalVar = '这是一个全局变量';
 
// 创建并挂载根实例
app.mount('#app');

在任何组件中，你可以通过 this 访问这个全局变量：




// 任何组件内
export default {
  mounted() {
    console.log(this.$myGlobalVar); // 输出: 这是一个全局变量
  }
};

请注意，过度使用全局变量会导致应用程序的可维护性降低，应该谨慎使用。

vue3-main.js配置全局变量

评论已关闭

推荐阅读