Vuex--状态管理

Vuex–状态管理

vuex与组件传值所用方法总线bus所解决的问题类似，不过它是作为一个插件来使用，可以更好地管理和维护整个项目的组件状态。
安装：npm install --save vuex
在main.js里通过Vue.use(Vuex)使用vuex
仓库store包含了应用的数据（状态）和操作过程。vuex里的数据都是响应式的，任何组件使用同一store的数据时，只要store的数据变化，对应的组件也会立即更新。数据保存在Vuex选项的state字段内。
在任何组件内，可以通过$store.state.xxx读取

mutations是Vuex的第三个选项，用来直接修改state里的数据。
getters：如果要对数据进行处理输出，很多组件都需要这个输出的数据，我们可以把这个数据提出来共享。也可以将getters认为是store的计算属性。
actions：mutations里不应该异步操作数据，所以有了actions选项。actions与mutations很想，不同的是actions里面提交的是mutations的操作，并且可以异步操作业务逻辑。actions在组件内通过$store.dispatch触发。
一般情况下，所有涉及改变数据的就使用mutations；存在业务逻辑的就使用actions
modules：模块功能，vuex是可以分模块，当你的项目足够大的时候，store里的数据会非常多，非常的复杂，可维护性不高，使用modules可以把他们写到不同的文件中。