解決：Vue重新整理時獲取不到資料

解決方案：1.本地儲存 2.Vuex資料持久化工具外掛

本地儲存

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.Store({
    state:{
      count:sessionStroage.getItem('da')
    },
    mutations{
      eventStroage(state){
    	sessionStorage.setItem('da',state.count)		
      }
    },
   ......
})

//元件中使用

  <div class="home">
    {{$store.state.count}}
    <!-- 繫結一個方法 -->
    <button @click="$store.commit('eventStroage')">加一</button>
  </div>
</template>
 

vuex-persist外掛

(1)專案安裝：
    npm install vuex-persist -s
(2)main.js引入：
	import VuexPersistence from "vuex-persist"
(3)建立持久化儲存物件；
	var vueLocal=new VuexPersistence({
            // storage 儲存方式  預設的是localStorage儲存，可以修改成會話儲存（window.sessionStorage）
  	    storage:window.localStorage
    })
(4)store中定義
export default new Vuex.Store({
    state:{...},
    mutations:{...},
    actions: { ... },
    plugins: [vueLocal.plugin]
})