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

Question

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

代码片段： 1. 我正在从 Sample.vue 文件更新状态变量的值。 2. 在突变中得到更新 3. 我想在 sample.js 中更新状态变量的值，这是一个 javascript 文件。 4. 最后一个代码片段是我声明状态变量的状态，即在 state.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 文件（NOT VUE FILE）中获取状态变量的更新值，即使我已经更新它来自一个 vue 文件。提前致谢。

Answer 1

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

我创建了示例 here。

Getting updated value of state in a javascript file in Vue Js