vuex 初识

是什么

vue框架中状态管理。在main.js引入store注入。新建一个目录store 。场景有：单页应用中，组件之间的状态，音乐播放、登录状态、加入购物车等。

 

属性

State、 Getter、Mutation 、Action、 Module

 

State

state是数据源存放地，对应于一般Vue对象里面的data。state里面存放的数据是响应式的，

Vue组件从store中读取数据，若是store中的数据发生改变，依赖这个数据的组件也会发生更新，需要通过mapState把全局 state 和 getters 映射到当前组件的 computed 计算属性中。

 

Getter

getters 可以对State进行计算操作，在多个组件间复用。

 

Mutation 、Action

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

 

Module

Vuex允许我们将store分隔成模块（module），每个模块拥有自己的state，mutation，action，getter，甚至是嵌套子模块。

 

使用场景

一句话，不要为了使用vuex而去使用vuex，推荐组件间数据复用，记录登录及其它状态值数据，一些需要缓存的数据使用vuex都能达到很好的管理