vuex

192 阅读1分钟

虽然目前项目一直使用vuex,但感觉没有彻底的了解他,没能发挥它最大的优势,所以记录此篇文章。

vuex设计理念

定义:vuex是一个专为vuejs应用程序开发的 状态管理模式,它采用 集中式 存储管理应用的所有组件的状态,并以相应的规则保证状态以一种 可预测 的方式发生变化,vuex也集成到vue的官方调试工具devtools image.png 单向数据流:

  • state 驱动应用的数据源,如 Vue 实例中的 data
  • getters 可以认为是 store 的计算属性
  • mutations 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
  • actions Action 提交的是 mutation,而不是直接变更状态
    Action 可以包含任意异步操作
  • modules 模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块