vuex状态管理知识点梳理与总结

Vuex是什么？

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

Vuex的五个概念

• state：Vuex 使用单一状态树,即每个应用将仅仅包含一个store 实例，但单一状态树和模块化并不冲突。存放的数据状态，不可以直接修改里面的数据。
• mutations：mutations定义的方法动态修改Vuex 的 store 中的状态或数据。
• getters：类似vue的计算属性，主要用来过滤、计算一些数据。
• action：actions通过将mutations里面处理数据的方法变成可异步的处理数据的方法，简单的说就是异步操作数据。view 层通过 store.commit 来提交 mutation方法异步地间接地改变state。
• modules：项目特别复杂的时候，可以让每一个模块拥有自己的state、mutation、action、getters，使得结构非常清晰，方便管理

Vuex的作用及应用场景

1. 组件之间的数据共享
2. 数据缓存
3. 应用场景有：单页应用中，组件之间的状态、音乐播放、登录状态、
   加入购物车

Vuex工程文件层面理解