vuex-persistedstate 持久化 刷新后數據不丟失

1.vuex保持的數據，在頁面刷新后，丟失

2.vuex-persistedstate 解決持久化問題

 

一 安裝

npm install --save vuex-persistedstate

 

二 配置

 底層：sessionStorage  /  cookie

import Vue from 'vue'

import Vuex from 'vuex'

import createpersistedstate  from 'vuex-persistedstate'

Vue.use(Vuex);

export default new Vuex.Store({
　　state:{
　　　　uname:'jack'
　　},
　　getters:{
　　　　uname:state=>state.uname
　　},
　　mutatiions:{
　　　　SET_UNAME:(state,uname)=>{
　　　　　　state.uname = uname;
　　　　}
　　},
   actions:{
　　　　setuname({commit},uname){
　　　　　　commit('SET_UNAME',uname)
　　　　}
　　},
　　plugins:[createpersistedstate()]

});