數據存儲在sessionstorage與vuex存儲的區別


vuex存儲數據改變會實時跟新,sessionStorage讀取要比vuex慢

1、對於表單頁面,需要校驗表單數據的填寫,數據存儲在sessionStorage,不會實時更新,校驗較為繁瑣, 就可以使用vuex的set 和get進行校驗

 1  policyName: {
 2       get() {
 3         return this.$store.state.policyHolder.name;
 4       },
 5       set(val) {
 6         if (val) {
 7           this.policyNameError = false;
 8         } else {
 9           this.policyNameError = true;
10         }
11         this.$store.commit("setPolicyName", val);
12       }
13     },

2、另外項目中填完表單數據之后未提交,跳轉到其他頁面,需要把已經填寫的數據保存,以便修改之后再次提交,這種情況下,使用vuex進行存儲數據,在需要回顯的頁面獲取實時跟新的數據即可,但如果使用sessionStorage,則需要在離開頁面時候存儲表單。vuex存儲的數據只在生命周期內有效,關閉頁面數據會自動清空,但sessionstorage如果在app同一個webview下數據不會自動清空,需要調用clear


免責聲明!

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



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