首先:我们需要安装一个vuex的插件vuex-persistedstate
来支持vuex的状态持久化。
在store文件夹的index.js引入
npm i vuex-persistedstate
使用vuex-persistedstate插件来进行持久化
vuex-persistedstate 使用浏览器的本地存储( local storage )对状态( state )进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。
//直接放在vuex中即可 跟state是同级
plugins: [
createPersistedstate({
key: 'erabbit-client-pc-store',
})
],