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()]

});

vuex-persistedstate 持久化 刷新后数据不丢失

推荐阅读

vuex-persistedstate 持久化刷新后数据不丢失