vue 设置全局变量

在Vue中设置全局变量需要对Vue的实例进行操作，可以使用Vue.prototype来设置全局变量。Vue.prototype是一个对象，可以定义全局变量和全局方法，然后在组件中使用。

首先，在main.js文件中创建一个Vue实例，并在实例的原型对象上定义全局变量，如下所示：

```javascript

import Vue from 'vue';

import App from './App.vue';

Vue.prototype.$globalVar = 'This is a global variable';

new Vue({

render: h => h(App)

}).$mount('#app');

```

在上面的代码中，我们在Vue原型对象上定义了一个全局变量$globalVar，并赋值为'This is a global variable'。这样在整个Vue应用程序中我们都可以访问和使用这个全局变量。

在组件中使用全局变量非常简单，只需在模板中使用$globalVar即可。例如，在App.vue组件中可以这样使用全局变量：

```html

```

上面的代码中，我们在App.vue组件中通过this.$globalVar访问了全局变量，同时在mounted生命周期钩子中打印了出来。

除了定义简单的字符串全局变量外，我们也可以定义对象、数组以及方法等。例如，我们可以在main.js中定义一个全局方法：

```javascript

Vue.prototype.$globalMethod = function() {

console.log('This is a global method');

};

```

然后在组件中调用这个全局方法：

```html

```

在上面的代码中，我们在模板中通过$globalMethod()来调用全局方法$globalMethod。

总的来说，在Vue中设置全局变量非常简单，只需要将变量定义在Vue实例的原型对象上即可。这样我们就可以在整个Vue应用程序中随时访问和使用这些全局变量了。当然，在实际开发中还应该注意避免滥用全局变量，只在必要的情况下使用。