解決vuex數據頁面刷新后初始化問題


  在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;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM