21 vuex

7/16/2021 vue

Vuex (opens new window)

Mutation 提交同步的修改
Action 提交异步的修改

# State / 单一状态树

State | Vuex (opens new window)

# Getter

State 的"计算属性"

# Mutation

同步修改状态

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation

对于已经定义在 state 中的属性,其修改是响应式的。但如果是给 state 中的对象增加属性,则不是响应式的。 需要使用 Vue.set 添加。

// 给 info 对象设置/新增一个 address 属性,值是 LA
Vue.set(state.info, "address", "LA");

Mutation 需遵守 Vue 的响应规则 | Vuex (opens new window)

让方法的定义和提交的字符串统一:

使用常量替代 Mutation 事件类型| Vuex (opens new window)

# Action

异步修改状态

# Module

解决单一状态树带来的状态管理臃肿问题

更新时间: Sunday, July 18, 2021 19:45