页面刷新 vuex 中存储的数据不丢失

1.0 vuex-along 插件的使用

链接 : https://www.npmjs.com/package/vuex-along(常用于刷新网页后自动恢复 state);
步骤如下 :

//1. 安装
npm install vuex-along --save
// 2. 使用位置 src/store/index.js 
import VueXAlong  from 'vuex-along' 
export default new Vuex.Store({
  state:{……},
  mutations:{……},
  actions:{……},
//使用vuex-along 中添加的配置
  plugins: [VueXAlong({ //VueXAlong 引入插件 自定的名字 同上面import 
  name: 'along',     //存放在localStroage或者sessionStroage 中的名字
  local: { list: [] , isFilter : true},      //是否存放在local中  false 不存放 如果存放按照下面session的配置配
  session: { list: [], isFilter: true } //如果值不为false 那么可以传递对象 其中 当isFilter设置为true时， list 数组中的值就会被过滤调,这些值不会存放在seesion或者local中
  })]
})