vuex--对action,getter,mutation,state的理解

action

action相当于是异步分发方法,也就是说指挥多个人同时做一件事情(store.dispatch(‘increment’))
然后给每个工人分配具体内容(就是commit动作) 具体工作内容就是mutation里的方法,这些工人干的是同一件事情。


两种写action的方法

//未用参数解构
actions: {
    increment (context) {
      context.commit('increment')
    }
  }
//使用参数解构
actions: {
  increment ({ commit }) {
    commit('increment')
  }
}

在vuex的api中 写着

action的处理函数总是第一个接受context对象

context 对象包含以下属性:

{
  state,      // 等同于 `store.state`,若在模块中则为局部状态
  rootState,  // 等同于 `store.state`,只存在于模块中
  commit,     // 等同于 `store.commit`
  dispatch,   // 等同于 `store.dispatch`
  getters,    // 等同于 `store.getters`
  rootGetters // 等同于 `store.getters`,只存在于模块中
}

context={state:”“, commit:”“,…}
参数本来传过来的是context对象
{commit}=context={state:”123”,commit:”345”…}

意思就是 commit=context.commit


getter

我觉得getter就是一个取操作 相当于一个组件拿数据的接口
特别用于 多个组件想要拿到某个数据
vuex里route里

const state = {
    recentJob_list:  []


};

const getters = {
    recentJobList : state => state.recentJob_list,
    //这是一个对象函数
};

vuex的vue上

computed:{
            ...mapGetters(['recentJobList'])
        },

这里补充 computed属性
…运算符的理解
js的集中常用函数大坑 https://blog.csdn.net/obkoro1/article/details/68943343

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值