Vuex
Super_LD
来非有意去无心,流水闲云自在行~
展开
-
Vuex核心概念State、Getter
StateGetterState#单一状态树SatteVuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着,每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段,在调试的过程中也能轻易地取得整个当前应用状态的快照。单状态树和模块化并不冲突——在后面的章节里我们会讨论如何将状态和状...转载 2018-06-02 20:43:41 · 760 阅读 · 0 评论 -
Vuex核心概念Mutation、Action
MutationActionMutation更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数:const store = new V...转载 2018-06-02 20:46:54 · 792 阅读 · 0 评论 -
Vuex核心概念 Module
Module由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。为了解决以上问题,Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割:const moduleA = { state: { .....转载 2018-06-02 20:51:55 · 1653 阅读 · 0 评论