State
单一状态树,定义应用状态的默认初始值,页面显示所需的数据从该对象中进行读取。
Getter
可以认为是 store 的计算属性,对 state 的加工,是派生出来的数据。
Mutation
Vuex中store数据改变的唯一方法就是mutation
通俗的理解,mutations 里面装着改变数据的方法集合,处理数据逻辑的方法全部放在 mutations 里,使数据和视图分离。
//store.commit 调用 mutation
store.commit('add',5)
Action
action 类似于 mutation ,不同在于:
action 提交的是 mutation,通过 mutation 来改变 state ,而不是直接变更状态。
action 可以包含任意异步操作。
//actions 通过 store.dispatch 方法触发。
store.dispatch('addCountAction')
//可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.getters 来获取 //state 和 getters。
actions:{
addCountAction (context , payload) {
context.commit('add',payload)
}
}
- 辅助函数
mapState, mapGetters, mapMutations,mapActions