30 详解vuex的5个属性

vuex核心属性

state单一状态树

vue的设计原理就是让我们不管多复杂都只用一个store管理（new Vuex.store），也就是单一状态树，如果太复杂也不建议使用多个store而是使用module进行划分

getters

参数

函数的增强写法

这里肯定有人奇怪，为什么上面是kv(key:value)写法，而下面就是函数写法xxx()，这个其实是简写：

mutations

参数

特殊的提交

响应规则

但是有一些方法是做不到响应式的，就像数组一样！

提取常量写法

同步函数

actions

异步操作一定要在actions里面写，使用dispatch提交，里面还是不能直接跳过mutation去修改state，还是要用commit提交！

modules

或者这样也行

注意：

module一般就分两层就行了，在module里面再套module就过于复杂了！

使用state

使用mutations

注意：

模块中的名称不要一样了

使用getters

实际上就是混入进去了

使用actions

注意：

actions里面的context建议打印看一下会有良多感悟！本来截图中是要写context的，但是这里用了解结构赋值！

局部状态