Vuex：从另一个模块访问状态

state 引用本地状态，访问其他模块的状态时应使用 rootState。

let session = context.rootState.instance.session;

文档：https://vuex.vuejs.org/en/modules.html

---

从一个动作：

'contacts:update' ({ commit, rootState }) {
    console.log('rootState', rootState.users.form)
    ......

  },

---

对我来说，我有 vuex 模块，但需要一个突变来更新不同文件中的状态。能够通过添加这个来实现这一点

即使在模块中，您也可以通过 console.log(this.state) 查看您可以访问的全局状态

const mutations = {
MuteChangeAmt(state, payload) {
//From user module; Need THIS keyword to access global state
this.state.user.payees.amount = payload.changedAmt;
 }
}

---

就我而言，这就是它对我有用的方式。

在文件 ModuleA.js 中：

export const state = {
    parameterInA: 'A'
 }
export const action = {
    showParameterB() {
    console.log("Parameter B is: " + this.state.B.parameterInB)
}

在文件模块 B 中：

export const state = {
    parameterInB: 'B'
 }

export const action = {
    showParameterA() {
    console.log("Parameter A is: " + this.state.A.parameterInA)
}  

您需要在 index.js 中为根目录导入 ModuleA 和 B：

import * as A from 'ModuleA.js'  
import * as B from 'ModuleB.js'

这样，状态参数可以在子模块中交叉引用。

---

this.$store.state.instance.session

其中“instance”是模块名称，“session”是您尝试访问的 Vuex 状态变量。

---

假设您有两个模块：ModuleA 和 ModuleB。

如果要从 ModuleB 访问 ModuleA 的状态，可以执行以下操作：

// inside ModuleB (where there is stateA in ModuleA)
getters: {
        getStateA(state, _, rootState) {
            return rootState.ModuleA.stateA;
        },
    },

---

您需要在您的状态中定义 session，如下所示，以便在您的 getters 中访问它：

const state = {
  session: ''
}

您必须编写一个 mutation，它将从您的操作中调用以设置此状态值。

---