在Vue Js中获取javascript文件中状态的更新值
我试图从vue文件中更新状态变量的值,并希望在javascript文件中更新该值。我使用vue文件中的变量更新值,但当我检索javascript文件中的值时,它显示的是状态变量的旧值 代码片段: 1.我正在从Sample.vue文件更新状态变量的值。 2.在变异中得到更新 3.我想要更新状态变量在sample.js中的值,它是一个javascript文件。 4.最后一段代码是我声明状态变量的状态,即在state.js文件中在Vue Js中获取javascript文件中状态的更新值,javascript,vuejs2,vuex,vue-reactivity,Javascript,Vuejs2,Vuex,Vue Reactivity,我试图从vue文件中更新状态变量的值,并希望在javascript文件中更新该值。我使用vue文件中的变量更新值,但当我检索javascript文件中的值时,它显示的是状态变量的旧值 代码片段: 1.我正在从Sample.vue文件更新状态变量的值。 2.在变异中得到更新 3.我想要更新状态变量在sample.js中的值,它是一个javascript文件。 4.最后一段代码是我声明状态变量的状态,即在state.js文件中 // Sample.vue this.$store.commit('s
// Sample.vue
this.$store.commit('setStateVariable','newValue');
注意:以上代码片段来自4个单独的文件,包含在这里只是为了让问题更容易理解。实际代码中没有进出口问题。
简而言之,我没有得到javascript文件中状态变量的更新值(不是VUE文件),即使我已经从VUE文件更新了它。
提前谢谢。我的想法是在
sample.js
文件中导入store
,并像下面的store.state.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'
}