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