原理:可以利用缓存,将vuex中的state,在缓存中备份一下,当状态发生改变时,同步缓存的的备份。同时当刷新时,去缓存中的备份,给state赋值
实际开发中我们一般利用vuex一个插件来实现 vuex-persistedstate
具体代码如下
安装
npm i vuex-persistedstate -S
使用
import Vuex from "vuex";
import createPersistedState from "vuex-persistedstate";
const store = new Vuex.Store({
// ...
plugins: [createPersistedState()],
});