Vuex:actions中的第一个参数-context (学习笔

2023-10-30  本文已影响0人  kevision

在 Vuex 的 actions 中,context 是一个包含了与 Vuex 相关的属性和方法的对象。context 提供了一些方法和属性,用于在 actions 中与 state、mutations 和其他 actions 进行交互。

以下是一些常用的 context 属性和方法:

context.state:用于访问和获取 Vuex 的 state 对象。
context.commit:用于触发 mutations 中的方法来修改 state
context.dispatch:用于触发其他 actions 中的方法。
context.getters:用于访问 Vuex 的 getters
context.rootState:用于访问根级别的 state。比如想要访问其他modules中的state。
context.rootGetters:用于访问根级别的 getters
context.rootCommit:用于触发根级别的 mutations
context.rootDispatch:用于触发根级别的 actions

这些属性和方法可以通过 context 对象来访问,根据需要进行使用。请注意,context 对象是一个包含了上述属性和方法的对象,并不是 Vuex 的实例本身。

以下是在 actions 中获取 state 值的示例:

// 在 Vuex 的 actions 中
actions: {
  myAction(context) {
    const stateValue = context.state.myState;
    // 使用 stateValue 进行其他操作
  }
}

参考文章:https://blog.51cto.com/jackiehao/6956645

上一篇 下一篇

猜你喜欢

热点阅读