vue中vuex實現持久化的幾種方法


前提:大家都知道vuex真的數據共享是不持久的,例如登錄后一刷新,state中存的token就會消失,導致你需要再次進行登錄操作

在這給大家列出幾種解決方案:

 

第一種(也是一些項目中常使用的):使用緩存,利用緩存cookies,在每次登錄的時候將token存入state的同時將token進行緩存

例:

 

 

 

 第二種(我新了解的):也就是利用一個插件,vuex-persistedstate,一個實現持久化的工具

原理:vuex-persistedstate做了這樣的事情,它幫我們將store里面的state映射到了本地環境中。這樣一來,我通過提交mutation改變的state,會動態的去更新local里面對應的值。

大家可以自己去試試(自行百度文檔進行配置就行)

 

第三種:就是最直接的直接自己將數據存入到localStorage (不推薦):會有很多問題,做不到真正的響應式,而且比較麻煩

 

 

 


免責聲明!

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



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