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

【问题标题】：Getting updated value of state in a javascript file in Vue Js在 Vue Js 的 javascript 文件中获取更新的状态值
【发布时间】：2020-09-06 10:56:16
【问题描述】：

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

代码sn-ps： 1. 我正在从 Sample.vue 文件中更新状态变量的值。 2. 在突变中更新 3. 我想在 sample.js 这是一个 javascript 文件中更新状态变量的值。 4. 最后一个代码 sn-p 是我声明状态变量的状态，即在 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'
}

注意： 上面的代码 sn-ps 来自 4 个单独的文件，包含在这里只是为了让问题更容易理解。实际代码中不存在导入导出问题。 简而言之，即使我从 vue 文件更新了状态变量，我也没有在 javascript 文件（NOT VUE FILE）中获得更新的值。提前谢谢你。

【问题讨论】：

标签： javascript vuejs2 vuex vue-reactivity

【解决方案1】：

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

我已经创建了示例here。

【讨论】：

哇！伟大的逻辑。我很感激。