vuex是什么？

是一个专为 Vue.js 应用程序开发的 状态管理器。

采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

为什么需要使用 vuex 呢？

项目越写越大，功能越写越复杂，当 Vue.js 应用程序遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：

image.png pic1.png

Vuex 借鉴 了 Flux、Redux 等思想。

Flux 架构就像眼睛: 您自会知道什么时候需要它。

一些概念

• 核心: store(仓库)
  • state: 状态
  • getters: 对 state 的派生，可以理解为 store 的计算属性
  • mutaions: 修改 state 的唯一操作就是提交 mutaion 。
  • actions: 类似于 mutaion , 用来处理异步。
  • modules: 对仓库 分割成 模块
• mapState(): sate的辅助函数
• mapGetters(): getters的辅助函数
• mapMutations(): mutations的辅助函数
• mapActions(): actions的辅助函数