avue中如何给全局变量赋值
时间: 2024-02-12 14:03:31 浏览: 75
在 Avue 中,可以使用 Vuex 管理全局状态。要给全局变量赋值,需要先在 Vuex 的 store 中定义一个 state 状态。可以在 store 文件夹下创建一个 js 文件,并在其中定义 state。例如,在 store/state.js 文件中定义一个全局变量:
```
const state = {
globalVal: 'hello'
}
```
然后在 main.js 中引入 Vuex 并注册 store:
```
import Vue from 'vue'
import Vuex from 'vuex'
import state from './store/state'
Vue.use(Vuex)
const store = new Vuex.Store({
state
})
new Vue({
store,
render: h => h(App),
}).$mount('#app')
```
现在就可以在组件中使用全局变量了。例如,在某个组件中,可以使用 `this.$store.state.globalVal` 来获取全局变量的值,并使用 `this.$store.commit('mutationName', payload)` 来修改全局变量的值。其中,mutationName 是在 store 中定义的 mutation 名称,payload 是一个对象,用来传递修改后的值。例如:
```
this.$store.commit('setGlobalVal', {val: 'world'})
```
在 store 中,需要定义一个 mutation 来处理这个修改操作:
```
const mutations = {
setGlobalVal(state, payload) {
state.globalVal = payload.val
}
}
```
这样就完成了全局变量的赋值。
阅读全文