vuex 存储持久化

版权声明：本文为博主（风轻云淡）原创文章，未经博主允许不得转载。CSDN https://blog.csdn.net/qq_20343517/article/details/85109533

vuex存储了应用的很多数据，但是一但我们刷新页面，所有的数据都会丢失掉，只能重新从服务器拉数据，又要加很多的逻辑判断，我们可以吧vuex和storage相结合，来解决这个问题。

1、引入

npm install vuex-persistedstate -S

2、使用

import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
  // ...
    plugins: [createPersistedState()]  //加上这个就可以了
})

可以看到

需要注意的是，退出登录或者切换账号就要清除vuex了，敏感信息也不要放在vuex中，或者加密之后再存进去。