在Vue Js中获取javascript文件中状态的更新值。

Question

我试图从vue文件中更新状态变量的值，并希望在javascript文件中更新该值。我正在使用vue文件中的突变更新值，但当我在javascript文件中检索值时，它显示的是状态变量的旧值。

代码片段：1.我正在更新一个状态变量的值，从 样品.vue 文件.2.在mutations3中得到更新。我想让更新后的状态变量的值在 示例.js 这是一个javascript文件.4.最后一段代码是状态的，我在其中声明了状态变量，即在 状态.js 文件。

// Sample.vue 
this.$store.commit('setStateVariable','newValue');

// mutations.js
setStateVariable(state, payload) {
        state.newValue = payload;
}

// sample.js
import state from "../store/state";
   console.log(state.newValue);

// state.js
export default{
newValue: 'Hello World'
}

注意 以上代码片段来自4个独立的文件，包含在这里只是为了让问题更容易理解。而且实际代码中不存在导入导出问题。简而言之在javascript文件中，我没有得到状态变量的更新值。不是VUE FILE)即使我已经从vue文件中更新了它.先谢谢你。

Answer 1

我的想法是导入 store 在 sample.js 文件，并像下面这样使用 store.state.newValue.

我已经创建了样本 此处.