vuex是什么?
是一个专为 Vue.js 应用程序开发的 状态管理器。
采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
为什么需要使用 vuex 呢?
项目越写越大,功能越写越复杂,当 Vue.js 应用程序遇到多个组件共享状态时,单向数据流的简洁性很容易被破坏:
Vuex 借鉴 了 Flux、Redux 等思想。
Flux 架构就像眼睛: 您自会知道什么时候需要它。
一些概念
- 核心: store(仓库)
- state: 状态
- getters: 对 state 的派生,可以理解为 store 的计算属性
- mutations: 修改 state 的唯一操作就是提交 mutation 。
- actions: 类似于 mutations , 用来处理异步。
- modules: 对仓库 分割成 模块
- mapState(): sate的辅助函数
- mapGetters(): getters的辅助函数
- mapMutations(): mutations的辅助函数
- mapActions(): actions的辅助函数