vuex 理解

1： getters : 相当于单个组件中mehods 属性：

什么情况下需要用到getters 属性：就是需要对数据进行处理和转化的时候：需要用到methods 属性。

我们要想在当前页面拿到store 中方法：就可以使用 $store.state.couter 数据

getters：类似于计算属性， getters：第一个参数是state 参数：

我们在getters 中：只需要修改一次在全局都可以使用：一次修改，全局使用。全局变量的全局写法。

getters（）方法：第一个默认参数是： state，还可以传递第二个参数：第二个参数还是：还是可以拿到getters中方法（套娃）

2： mutations：中定义方法：

在vuex 中修改state 中数据必须通过mutations 方式修改state 数据。在vue 中修改state 中的数据，必须通过mutation 修改。

3： Vuex：修改状态，在Vue的store 状态中更新的唯一方式：就是提交mutation ，只要是修改store 中state 状态：一定是通过：mutation 方法：

修改 Vuex 中数据 state 中数据：就必须通过mutation 方法：

4： mutation 主要包含两个部分：

4.1：字符串的事件类型（type）

4.2: 一个是回调函数（handle）该回调函数第一个参数就是state,

事件类型 + 加上回调函数参数（payload；载荷）携带的参数

5: 在vuex 中 mutation 定义事件名称，使用commit 方法调用

addCount (count) {
  
  // payload 负载
  // 1： 普通的提交方式
  this.$store.commit('字符串事件名称'， payload (载荷，参数))

  2： 特殊提交封装
  this.$store.commit({
    type: "字符串事件名称"
    count, (payload. 参数)
  })  
}

猜你喜欢