虽然目前项目一直使用vuex,但感觉没有彻底的了解他,没能发挥它最大的优势,所以记录此篇文章。
vuex设计理念
定义:vuex是一个专为vuejs应用程序开发的 状态管理模式,它采用 集中式 存储管理应用的所有组件的状态,并以相应的规则保证状态以一种 可预测 的方式发生变化,vuex也集成到vue的官方调试工具devtools
单向数据流:
- state 驱动应用的数据源,如 Vue 实例中的 data
- getters 可以认为是 store 的计算属性
- mutations 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
- actions
Action 提交的是 mutation,而不是直接变更状态
Action 可以包含任意异步操作 - modules 模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块