vue vuex数据持久化

在做vuex数据存储中，我们面临浏览器刷新页面数据丢失 解决数据丢失，如何持久化需以下几步

一：npm install  vuex-persistedstate 

二：store/index.js中引入 ： vuex-persistedstate

import Vue from 'vue'import Vuex from 'vuex'//引入插件import persistedState from 'vuex-persistedstate'Vue.use(Vuex)export default new Vuex.Store({
  state: {
    name:"111111"
  },
  mutations: {},
  actions: {},
  modules: {},
  //默认存储到localStorage 
  plugins: [　　　　//默认localStorage　　　　persistedState()　　　　//下面这个设置为sessionStorage　　　　//persistedState({ storage: window.sessionStorage })　　　　//设置cookie　　　　//persistedState({　　　　//　　storage: {　　　　//　　　　getItem: key => Cookies.get(key),　　　　//　　　　setItem: (key, value) => Cookies.set(key, value, { expires: 7 }),        //　　　　removeItem: key => Cookies.remove(key)　　　　//　　}    　　//})

　]
})

 

 

来源：https://www.cnblogs.com/zqxi/p/12461602.html