原理:可以利用緩存,將vuex中的state,在緩存中備份一下,當(dāng)狀態(tài)發(fā)生改變時(shí),同步緩存的的備份。同時(shí)當(dāng)刷新時(shí),去緩存中的備份,給state賦值
實(shí)際開(kāi)發(fā)中我們一般利用vuex一個(gè)插件來(lái)實(shí)現(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()],
});