vuex數據持久化存儲

　　想一想好仍是說下vuex數據的持久化存儲吧。依稀還記得在作第一個vue項目時，因爲剛剛使用vue,對vue的一些基本概念只是有一個簡單的瞭解。當涉及到非父子組件之間通訊時，選擇了vuex。只是後來居然發現，刷新頁面，數據去哪了？？？一臉懵逼。其實vuex本質上只是一個公共變量，是存儲在瀏覽器內存中的，刷新頁面，瀏覽器內存重置，數據也會被清空。若是要作數據持久化存儲，確定須要藉助瀏覽器緩存，經常使用的也就localStorage,sessionStorage,indexDB以前瞭解一點，用的不是不少。如今也有不少數據持久化存儲插件，原理都差很少，下面介紹一下vuex-persist的基本使用：

　　一、安裝　

npm install vuex-persist -D

　　二、基本使用

import Vue from 'vue'
import Vuex from 'vuex'
import state from './state'
import getters from './getters'
import mutations from './mutations'
import actions from './actions'
import VuexPersist from 'vuex-persist'

Vue.use(Vuex);

const vuexLocal = new VuexPersist({
  storage: window.localStorage //可選，sessionStorage/indexDB
});

const store = new Vuex.Store({
  state,
  getters,
  mutations,
  actions,
  plugins: [vuexLocal.plugin]
});

export default store