vue全局变量怎么定义
时间: 2024-02-16 19:36:02 浏览: 125
浅谈在vue项目中如何定义全局变量和全局函数
在Vue中,可以通过Vue.prototype来定义全局变量。具体的操作步骤如下:
1. 在main.js中定义全局变量:
```
import Vue from 'vue'
Vue.prototype.$globalVar = 'global variable'
```
2. 在组件中使用全局变量:
```
<template>
<div>{{ $globalVar }}</div>
</template>
```
3. 在Vue实例中使用全局变量:
```
new Vue({
render: h => h(App),
mounted() {
console.log(this.$globalVar)
}
}).$mount('#app')
```
这样就可以在Vue应用的任何地方都能访问到$globalVar这个全局变量了。
阅读全文