1、vuex原理
Vuex是一个专为Vue.js应用程序开发的状态管理模式。每一个Vuex应用的核心就是store (仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态( state )。
基本框架
Vuex的状态存储是响应式的。当Vue组件从store中读取状态的时候,若store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。
2、vuex的五个属性
- state: vuex的基本数据,用来存储变量
- getter:从基本数据(state)派生的数据,相当于state的计算属性
-
mutation:提交更新数据的方法,必须是同步的(如果需要异步使用action)
- action:和mutation的功能大致相同,不同之处在于 Action提交的是mutation,而不是直接变更状态。 Action可以包含任意异步操作。
在方法集合中使用
- modules:模块化vuex,可以让每一个模块拥有自己的state、 mutation、action、getters,使得结构非常清晰,方便管理。