原理:可以利用緩存,將vuex中的state,在緩存中備份一下,當狀態(tài)發(fā)生改變時,同步緩存的的備份。同時當刷新時,去緩存中的備份,給state賦值
實際開發(fā)中我們一般利用vuex一個插件來實現(xiàn) vuex-persistedstate
具體代碼如下
安裝
npm i vuex-persistedstate -S
使用
import Vuex from "vuex";
import createPersistedState from "vuex-persistedstate";
const store = new Vuex.Store({
// ...
plugins: [createPersistedState()],
});