使用vuex中的数据刷新界面数据消失问题

在vue中，我们可以使用vuex来存储数据，但是会出现一个问题，就是刷新当前界面数据会恢复原状，此时我们有两种解决方案
1、使用localStorage或者sessionStorage来存储数据，使用setItem存数据，getItem读取数据
2、可以引入vuex-persist插件，他就是为Vuex持久化存储而生的一个插件。不需要你手动存取storage，而是直接将状态保存至
cookie或者localStorage中，具体用法如下：
①安装插件

npm install --save vuex-persist
or
yarn add vuex-persist

②引入

import VuexPersistence from 'vuex-persist'

③先创建一个对象并进行配置：

  const vuexLocal=new VuexPersistence({
        storage:window.localStorage
   })

④引入进vuex插件

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