vue2 全局变量的设置方法

当使用Vue.js开发时，我们可能需要在多个组件中使用相同的数据或方法，这时候设置全局变量就可以为我们节省不少代码。下面为大家提供一下Vue2全局变量的设置方法：

使用Vue.prototype

Vue.prototype 允许我们向 Vue 构造器的原型上添加自定义的属性或方法，这样我们在开发过程中就能在组件中轻松地访问它们。

示例代码：

// 在 main.js 中设置全局变量
import Vue from 'vue';

// 设置全局变量
Vue.prototype.$myVariable = '这是一个全局变量';

// 在组件中使用
export default {
  name: 'MyComponent',
  created() {
    console.log(this.$myVariable); // 输出：这是一个全局变量
  }
}

使用全局 Mixins

另一个方法是使用全局 Mixins，它们可以被所有 Vue 实例访问。我们可以在全局 Mixin 中添加任何属性或方法，然后在组件中通过 this 关键字来访问它们。

示例代码：

// 在 main.js 中设置全局 Mixin
import Vue from 'vue';

// 设置全局 Mixin
Vue.mixin({
  data() {
    return {
      myData: '这是一个全局 Mixin'
    };
  },
  methods: {
    myMethod() {
      console.log('这是全局 Mixin 中的方法');
    }
  }
});

// 在组件中使用
export default {
  name: 'MyComponent',
  created() {
    console.log(this.myData); // 输出：这是一个全局 Mixin
    this.myMethod(); // 输出：这是全局 Mixin 中的方法
  }
}

总结：以上两种设置全局变量的方法都有其独特的优点和应用场景，需要根据具体情况选择使用。