vueX的值在刷新之后恢复初始值

在使用vuex的时候，按f5或者刷新页面会导致他的值恢复成初始值

这个问题可以通过使用插件解决，插件vuex-along -是一个持久化存储 state 的 vuex 扩展。

1.安装

npm install vuex-along --save
# or 
yarn add vuex-along

2.引入

在vuex文件夹store的index.js里面添加

import createVuexAlong from 'vuex-along'

export default new Vuex.Store({
  state:{...},
  modules:{...},
  plugins: [createVuexAlong()]
});

3.说明

1. 支持 typescript
2. IE11可用
3. sessionStorage 数据恢复优先级高于 localStorage