三(1)、Vuex中的mutations的使用 ------ 2019-11-28

1、mutations的作用:

官方解释:Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 
和一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 
作为第一个参数;

2、基本的mutations使用:

mutations: {
   increment (state){
    state.count++
   },
   decrement (state){
     state.count--
   }
  },
自己对mutations的理解:
(1)mutations是一个对象,mutations对象中可以定义一些方法,这个方法的作用就是用来修改
state的;
(2)mutations中的每个方法都可以接受参数,而这些方法的第一个参数是当前store的state,
从而可以让我们操作state中的数据(状态);

3、传递参数的mutations:

(1)定义:
  mutations: {
    incrementCounter(state, count){
     state.count += count;
    }
  } 
(2)使用:
 this.$store.commit('incrementCounter', count);

你可能感兴趣的:(三(1)、Vuex中的mutations的使用 ------ 2019-11-28)