vuex 数据持久化插件

数据持久化：

刷新页面，vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化

//需要先下载插件
npm install vuex-persistedstate --save 或者 使用
yarn add vuex-persistedstate --save

//在vuex初始化时导入插件
import persist from 'vuex-persistedstate'
//并使用
export default new Vuex.Store({
 state: {
 },
 mutations: {
 },
 actions: {
 },
 modules: {
 },
 plugins: [
   new persist({
     //默认存储到localStorage,storage可以修改存储的地方,
     //要修改存储的地方直接把localStorage改成sessionStorage即可
     storage: window.localStorage,
     }),
  //reducer(state) {
   //return {
   // 只储存state中的指定要存储的数据，可以节省存储空间
   //比如 name:state.name
  //}
 ],
 //会自动保存状态，刷新时不会丢失
})