UNIAPP如何设置全局变量
时间: 2023-07-04 11:17:21 浏览: 126
在UNIAPP中设置全局变量有多种方式,以下是其中两种常用的方式:
1. 在main.js中使用Vue.prototype设置全局变量
可以在main.js中使用Vue.prototype设置全局变量,例如:
```
// main.js
import Vue from 'vue'
Vue.prototype.$globalVar = 'global variable'
```
然后在组件中就可以通过this.$globalVar来访问全局变量了。
2. 使用Vuex管理全局状态
Vuex是一个专为Vue.js应用程序开发的状态管理模式,可以用来管理全局变量。使用Vuex需要先安装vuex,可以通过以下命令进行安装:
```
npm install vuex --save
```
然后在src目录下创建store.js文件,用来管理全局状态,例如:
```
// store.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
globalVar: 'global variable'
}
})
export default store
```
然后在main.js中引入store.js文件,并将store挂载到Vue实例上:
```
// main.js
import Vue from 'vue'
import App from './App'
import store from './store'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
store,
...App
})
app.$mount()
```
现在就可以在组件中通过$store.state.globalVar来访问全局变量了。同时,也可以使用Vuex提供的mutation和action来修改全局状态。
阅读全文