Vuex详解

1、vuex原理

Vuex是一个专为Vue.js应用程序开发的状态管理模式。每一个Vuex应用的核心就是store (仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态( state )。

基本框架

 

Vuex的状态存储是响应式的。当Vue组件从store中读取状态的时候，若store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。

2、vuex的五个属性

1. state: vuex的基本数据，用来存储变量
2. getter:从基本数据(state)派生的数据，相当于state的计算属性

3. mutation:提交更新数据的方法，必须是同步的(如果需要异步使用action)

    

    

    

4. action:和mutation的功能大致相同，不同之处在于                                                          Action提交的是mutation，而不是直接变更状态。                                                                Action可以包含任意异步操作。在方法集合中使用
5. modules:模块化vuex，可以让每一个模块拥有自己的state、 mutation、action、getters,使得结构非常清晰，方便管理。