vuex的mutations

vuex 的严格模式strict: true下,不允许组件修改state中的值,若需要修改,在vuex的mutations属性中进行修改。

注意:只能在mutations下的函数进行修改,如果mutations下的函数的函数进行修改也是会报错的

(1)mutations属性中接收两个参数,state就是vuex中的state,addValue是组件传过来的值

  mutations: {
    changePersonList (state, addValue) {
      state.personList.push(addValue)
    }
  },

(2)组件中:add函数触发changePersonList函数,并将this.addValue的值传过去。

add () {
    this.$store.commit('changePersonList', this.addValue)
}

(3)如果穿多个值呢?由于vuex中mutations属性中的函数,只能接收两个参数,所以:第二个参数用对象接收

add () {
    this.$store.commit('changePersonList', {a: 1, b: 2})
}
  mutations: {
    changePersonList (state, {a, b}) {
      state.personList.push()
    }
  },

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值