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

  • 相关阅读:
    Hadoop HDFS的常用命令
    Spark简介
    Hadoop datanode无法启动的错误
    kafka在虚拟机环境的优化
    kafka的安装和使用
    Strom的安装及使用
    机器学习
    Tomcat启动时为什么要配置CATALINA_HOME环境变量??
    sqoop的安装和使用
    Python Lambda 的简单用法
  • 原文地址:https://www.cnblogs.com/lvshuya/p/11308353.html
Copyright © 2020-2023  润新知