# vuex store 사용 예
# store.js
state : {
# before
# mydata : 1
# after
mydata : {
val1: "ysoftman",
val2: 123,
}
mutations: {
changeMyData(state, playload) {
state.mydata.val1 = payload.val1;
state.mydata.val2 = payload.val2;
},
}
# abc.vue
import { eventBus } from "@/main";
methods: {
setMydata() {
this.$store.commit("changeMyData", {
val1: this.data.aaa,
val2: this.data.bbb,
});
eventBus.$emit("setMydata", this.data);
}
}
# 로컬 테스트에는 변경된 데이터 구조로 read/write 해서 문제가 없었는데,
# 실제 패키징 후 배포된 서버에서는 기존 데이터 구조로 남아 있어 문제가 발생했다.
chrome -> devtools -> application -> storage -> local storage
https://ysoftman.com -> key -> vuex -> value {"mydata": 1}
https://ysoftman.com -> clear 로 데이터를 모두 삭제후 사용하면 된다.