解决刷新vuex数据消失的问题-- Vuex持久化插件 （vuex-persistedstate）

vuex可以进行全觉得状态管理，但是刷新后数据会消失。

1.安装

npm install vuex-persistedstate --save

2.配置

// store/index.js   
import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
   
    //....
    plugins:[createPersistedState()]
})

此插件的原理：利用本地存储

• 默认存入localStorage中
• 且持久化所有的state

如果想要自定义存储位置、自定义持久化的内容 ，需要配置如下：

// store/index.js
import createPersistedState from 'vuex-persistedstate'
const store = ne