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. 参数)
})
}