vuex

多组件共享状态的问题

1、多个视图依赖于同一状态

2、来自不同视图的行为需要变更同一个状态

3、以前的解决办法

a:将数据以及操作数据的行为都定义在父组件

b:将数据以及操作数据的行为传递给需要的各个子组件有可能会有多级传递

4、vuex就是解决这个问题的

 

实现功能的调用，使用方式1：

 

实现功能的调用，使用方式2：

 

回调函数名要和store的action一致，如果不一致，使用对象进行对应起来：（最好保持一致）

vuex结构图：

 

 

最基本的可以通过直接调用mutation进行方法调用

vuex核心概念：

state：存放状态信息。单一状态树，只使用一个store进行所有状态的维护，

getters：计算属性，在state改变时，再进行读取使用。在getters里面进行数据的变化，在进行使用。

getters中传参数时返回函数：

mutation:状态更新的唯一方式就是mutation（事件类型，回调函数）通过调用commit进行更新.......参数被称为负载（payload），必须是同步方法，不能异步操作。

响应式的mutation，会加入到响应式，mutation的响应规则。

类型常量，避免调用错。

 

action:可进行异步函数，替代mutation进行异步操作

modules: