Vuex

[huoxiangdong]

什么是Vuex?

• 简单理解就是统一管理和维护各个vue组件的可变化状态(你可以理解成vue组件里的某些data)

• 状态？我理解为data数据的变化

• Vuex采用和Redux类似的单向数据流的方式来管理数据。用户界面负责触发动作Action进而改变对应状态State，从而反映到视图View上

Store: 存储状态

• 是我们正常要维护的状态数据,负责存储整个应用的状态数据

Mutations：更改状态

• 利用它可以更改状态，本质就是用来处理数据的函数
• 其接收唯一参数值state
• store.commit(mutationName)是用来触发一个mutation的方法
• 定义的mutation必须是同步函数

Action

动作事件

• 也可以用于改变状态，不过是通过触发mutation实现的

Getters

• 有些状态需要做二次处理

middlewares

middlewares中间件处理的东西，这里主要开发时候在控制台查看一些处理日志

[huoxiangdong]

• state -> 存放数据
• mutations -> 提交数据
• action -> 执行 commit -> 执行 mutations
• getters -> 获取数据

[huoxiangdong]

[huoxiangdong]

对，还缺一个Action，为什么没提这个Action，按我的理解，Action这一层应该是在多个操作中有价值，比如有一个预约按钮，点击之后，会更新几个Component的状态。现实开发中，基本上都是点击按钮，触发一个事件，那增加Action就会增加整个流程的链路，增加复杂度