数据存储在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

原文地址:https://www.cnblogs.com/lvshuya/p/11308353.html