vuex存储了应用的很多数据,但是一但我们刷新页面,所有的数据都会丢失掉,只能重新从服务器拉数据,又要加很多的逻辑判断,我们可以吧vuex和storage相结合,来解决这个问题。
1、引入
npm install vuex-persistedstate -S
2、使用
import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
// ...
plugins: [createPersistedState()] //加上这个就可以了
})
可以看到
需要注意的是,退出登录或者切换账号就要清除vuex了,敏感信息也不要放在vuex中,或者加密之后再存进去。