vuex 有五个属性
State:定义了应用状态的数据结构,可以在这里设置默认的初始状态。
Getter:允许组件从 Store 中获取数据,mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。
Mutation:是唯一更改 store 中状态的方法,且必须是同步函数。
Action:用于提交 mutation,而不是直接变更状态,可以包含任意异步操作。
Module:允许将单一的 Store 拆分为多个 store 且同时保存在单一的状态树中。
获取state里状态
const state = {
'a',
'b',
'c'
}
1. this.$store.state.某属性
2. computed:{
...mapGetters([
'a',
'b',
'c'
])
}
更改状态
1.同步更改mutations
this.$store.commit('a',value)
2.异步更改action。action中通过commit触发mutations进行state数据更改
3.页面中
this.$store.commit('a',value) 同步更改,触发mutations
this.$store.dispatth(action中的含函数,params) 触发action中函数