vue2设置全局变量
时间: 2024-01-23 09:14:50 浏览: 90
vue2 全局变量的设置方法
5星 · 资源好评率100%
在Vue2中设置全局变量有多种方法,以下是两种常用的方法:
1. 使用Vue.prototype定义全局变量:
```javascript
// main.js
import Vue from 'vue'
Vue.prototype.$globalVariable = '全局变量的值'
// 在组件中使用全局变量
export default {
mounted() {
console.log(this.$globalVariable) // 输出:全局变量的值
}
}
```
2. 使用Vue的插件机制定义全局变量:
```javascript
// globalVariable.js
export default {
install(Vue) {
Vue.prototype.$globalVariable = '全局变量的值'
}
}
// main.js
import Vue from 'vue'
import globalVariable from './globalVariable'
Vue.use(globalVariable)
// 在组件中使用全局变量
export default {
mounted() {
console.log(this.$globalVariable) // 输出:全局变量的值
}
}
```
以上是两种常用的方法来设置Vue2的全局变量。
阅读全文