Vuex数据持久化储存

前言

   vuex数据在刷新的时候会初始化，之前的数据就拿不到了，我们怎么解决呢？

   解决：把数据持久化存储（state中的数据做一个持久化存储）

1. npm 安装 

 npm install vuex-persist -s

2. 创建持久化存储对象

•    在store目录下修改以下标有操作内容

import getters from './getters.js'
import actions from './actions.js'
import mutations from './mutations.js'
//操作1
import VuexPersistence from "vuex-persist"

Vue.use(Vuex)

//操作2
const vueLocal=new VuexPersistence({
  // storage 存储方式  默认的是localStorage存储，可以修改成会话存储（window.sessionStorage）
  storage:window.sessionStorage
})
const store = new Vuex.Store({
  state,
  getters,
  actions,
  mutations,
//操作3
  plugins:[vueLocal.plugin]

  })

export default store