Vue Js의 Javascript 파일에서 상태 값 업데이트

Vue Js의 Javascript 파일에서 상태 값 업데이트

나는 vue 파일에서 상태 변수의 값을 업데이트하려고 하는데 그 값을 자바스크립트 파일로 업데이트하고 싶다.나는 vue 파일의 돌연변이를 사용하여 값을 업데이트하고 있지만 javascript 파일의 값을 검색하면 상태 변수의 이전 값이 표시된다.

코드 스니펫: 1.샘플에서 상태 변수의 값을 업데이트하는 중.vue 파일 2.3번 돌연변이로 업데이트됐어자바스크립트 파일인 sample.js에서 상태변수의 값을 업데이트 하고 싶다. 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개의 개별 파일로부터 제공되며, 질문을 좀 더 이해하기 쉽게 하기 위해 여기에 포함되어 있다.그리고 실제 코드에는 수입 수출 이슈가 없다.간단히 말해, vue 파일에서 업데이트했음에도 불구하고 javascript 파일(NOT VUE FILE)에서 상태 변수의 업데이트 값을 받지 못하고 있다.미리 고맙다.

내 아이디어는 수입하는 것이다.store에sample.js다음과 같이 철하여 사용한다.store.state.newValue.

내가 여기에 샘플을 만들었어.

참조URL: https://stackoverflow.com/questions/61906935/getting-updated-value-of-state-in-a-javascript-file-in-vue-js