【JS Web 前端知识库】7.说一说Vuex是什么，每个属性是干嘛的，如何使用 ？

7.说一说Vuex是什么，每个属性是干嘛的，如何使用 ？

得分点：

state、mutations、getters、actions、module、store.commit、store.dispatch

标准回答：

Vuex是集中管理项目公共数据的。 Vuex 有state、mutations 、getters、actions、module属性。

state 属性

用来存储公共管理的数据。

mutations 属性：

定义改变state中数据的方法时：
注意： 不要在mutation中的方法中写异步方法ajax，那样数据就不可跟踪了 。

getters 属性：

①可以认为是定义 store 的计算属性。就像计算属性一样，
② getter的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。

action属性：

① 类似于 mutation
② 不同在于： Action 提交的是 mutation，而不是直接变更状态。
③ Action 可以包含任意异步操作。

moudle属性：

① 是将store分割成模块。
② 每个模块拥有自己的state、mutation、action、getter、甚至是嵌套子模块，从上至下进行同样方式的分割

使用方法：

state ：直接以对象方式添加属性
mutations ：通过store.commit调用
action：通过store.dispatch 方法触发
getters：直接通过store.getters.调用

加分回答：

① 可以使用mapState、mapMutations、mapAction、mapGetters一次性获取每个属性下对应的多个方法。
② VueX在大型项目中比较常用，非关系组件传递数据比较方便。

💞💖💓💗每个时代，
✨🌟⭐️💫都悄悄犒赏会学习的人。