vuex常见问题

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
posted @ 2021-02-22 11:46  rxj极光  阅读(110)  评论(0编辑  收藏  举报