在vue項目的開發中經常會用到vuex來進行數據的存儲,然而在開發過程中會出現刷新后頁面的vuex的state數據初始化問題!下面是我用過的解決方法
- 利用storage緩存來實現vuex數據的刷新問題
- 我們可以在mutation等vuex的方法中對於數據進行改變時,將數據同時存儲進我們的本地瀏覽器緩存中;下面是我在mutation中寫的方法;
- 同步將數據的更改保存,也可以在頁面調用vuex的mutation方法時同步更改;但是這種方法只能針對少量的數據需要保持不刷新,在真正的卡發中並不適用
- 利用已有的插件來進行保存新狀態
- 已知的插件中,我目前使用的是vuex-along插件,該插件使用非常方便簡潔。
- 通過 cnpm i vuex-along -D下載插件,在進行引入,在store里面通過plugin來使用,這樣就能將所有的state的數據都進行保存,不回應為刷新而更改,當然如果你想僅對某些數據進行保存,也可以使用對應的插件的api來實現,具體的api請看github;https://github.com/boenfu/vuex-along;