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