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)
　　　　//　　}
 　　//})

　]
})