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

浙公网安备 33010602011771号