vuex的理解

 

 

希望能帮到需要的童鞋.

 

vuex: 单一状态树,用一个对象就包含了全部的应用层级状态.作为项目的唯一一个

         数据源ssot存在.

 

state和getters

 

A. getters可以看作是state的计算属性.但都是写在store中,都是用来存储数据的.

   (getters的意义在于,直接在store中对需要的state进行逻辑处理,而不用每个组件引用的时候 都处理一遍)

 

B. 在组件中都是通过计算属性获取store中的数据,而mapGetters和mapState,

    是用来辅助生成计算属性的.

 

C. mapState,对应store中的state. mapGetters对应store中的getters.

 

D. getters接受state作为第一个参数,也接收其他getters作为第二个参数.

   (state为默认的第一个参数.)

 

actions:

    在actions中提交的是mutations;actions中可以包含异步操作. 

    actions本身是不能更改数据的,是通过提交mutations改变的.

 

mutations:

 

     mutations中改变数据,这个过程是同步的.

 

 

流程:

     组件中的事件触发 => actions中commit() => mutations中的function修改数据的 => 渲染

 

modules:

  1 vuex允许我们把store分割成模块(module).

     每个模块拥有自己的方法和属性.  甚至是将嵌套的模块分割开来.

     嵌套的模块组合的时候,依赖modules选项.

 

  2 跟组件一样,分割之后,是选项对象的写法.选项对象中也有modules选项,

     用于组合嵌套的模块.