vuex local storage 갱신

# vuex store 를 다음과이 read/write 하는데, 데이터 구조를 변경했다.

# 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 로 데이터를 모두 삭제후 사용하면 된다.