Vuex数据持久化存储

Vuex 解决了数据共享问题，但Vuex本身不会对数据的状态进行存储，这个时候得使用vuex-persist插件来对数据进行存储，这个插件就是为 Vuex 持久化存储而生的一个插件，直接可以将状态保存至 cookie 或者 localStorage 中

安装：

npm install --save vuex-persist

引入：

在store目录下的index.js

import VuexPersistence from 'vuex-persist'

 创建一个对象并进行配置

const vuexLocal = new VuexPersistence({
    storage: window.localStorage  //存放地址
})

最后引入vuex插件

const store = new Vuex.Store({
  state: { ... },
  mutations: { ... },
  actions: { ... },
  plugins: [vuexLocal.plugin]
}) 

配完后就会自动保存数据的状态了💕

可配置项

key： storage名称，所有的数据会存储到一个key里面，默认：vuex
storage： 数据存储位置，默认：localStorage