Vue 通信方式之一 Vuex

391 阅读1分钟

Vuex是什么

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

这个状态自管理应用包含以下几个部分:

State:定义了应用状态的数据结构,可以在这里设置默认的初始状态

Getter:允许组件从 Store 中获取数据,mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。

Mutation:是唯一更改 store 中状态的方法,且必须是同步函数。

Action:用于提交 mutation,而不是直接变更状态,可以包含任意异步操作。

Module:允许将单一的 Store 拆分为多个 store 且同时保存在单一的状态树中。

当你的项目逐渐变得复杂,大家听命于同一个状态,需要变更同一个状态的时候,将状态存储在Vuex中是不错的选择

注意:不使用mutation修改state中的状态都是耍流氓

Vuex官方网站讲解

Vuex的简单栗子

通过面试问答的方式相信可以更好的帮助你理解Vuex

30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 Vue 掌握程度)