因爲vuex中state中的數據是存儲在內存中而非存在本地所以刷新後數據將會重置回默認值
當你需要拒絕在刷新時將state中的數據清空時
** //定義方法**
const saveInLocal = state => {//該方法會在實例初始化時調用(瀏覽器刷新時觸發)
!!localStorage.state ? localStorage.state=store.replaceState(JSON.parse(state)) : '' //頁面刷新是講本地數據存入state
store.subscribe((mutation,state)=>{//每次提交mutation時都會觸發(參數爲當前模塊的mutation和state)
localStorage.state=JSON.stringify(state)
})
}
** //將方法引入Vuex實例**
export default new Vuex.Store({
state,
//...,
plugins:[saveInLocal]
})