文章目录
- Vuex
- 工作原理
- 配置环境
- 各种函数
- mapState
- 对象写法
- 数组写法
- MapGetter
- MapMutations
- 对象写法
- 数组写法
- Mapaction
- 总结
- 模块化
- 模块化1
- 总结
Vuex
工作原理
那三个要通过store管理
配置环境
使用import时，回先执行Import中的代码,在后面的也会提前。
index.js
main.js
业务逻辑写在action中，mutation只写操作（加工）
没有业务逻辑，直接调用mutation
action里面有可以有多个方法，处理多次逻辑。
逻辑复杂并且想复用就用getter,别人想用
各种函数
mapState
自动生成action这边的代码，只能生成带有$store.state中的数据
导入
对象写法
…对象 的意思是将对象展开。
数组写法
生成的计算属性的方法和读取的数据的名字相同
MapGetter
MapMutations
自动生成mutations这边的代码，要传入参数，有commit
对象写法
数组写法
函数名和调用的函数名是一样的
Mapaction
自动生成有dispatch的方法，也要接收参数
总结
模块化
模块化1
将配置分开
要加上namespaced:true否则简写获取时会报错。
写了namespaced:true才能这样获取数据，否则就要报错，这是简写。
这也要多写一个参数
也可以加斜杠，分类后
getter内的
发送到actions
改进后
访问了一个访问api。
总结
