vuex的理解
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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选项,
用于组合嵌套的模块.
以上是关于vuex的理解的主要内容，如果未能解决你的问题，请参考以下文章