在vue中定义全局变量

在 Vue 中定义全局变量可以有多种方式，以下是其中几种常见的方式：

1. 使用 Vue.prototype

在 main.js 中添加以下代码即可：

Vue.prototype.$globalVar = 'Hello World';

在组件中可以通过 this.$globalVar 来访问全局变量。

2. 使用 Vue.observable

在 main.js 中添加以下代码：

import Vue from 'vue';

Vue.prototype.$globalVar = Vue.observable({
  message: 'Hello World'
});

在组件中可以通过 this.$globalVar.message 来访问全局变量。

3. 使用 Vuex

在 Vuex 的 store 中定义全局变量：

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    globalVar: 'Hello World'
  },
  mutations: {
    setGlobalVar(state, value) {
      state.globalVar = value;
    }
  },
  actions: {
    setGlobalVar({ commit }, value) {
      commit('setGlobalVar', value);
    }
  }
});

在组件中可以通过以下代码来访问全局变量：

this.$store.state.globalVar

也可以通过以下代码来修改全局变量：

this.$store.dispatch('setGlobalVar', newValue);