vue赋值和取值,vue中传值的方式

  vue赋值和取值,vue中传值的方式

  本文主要介绍了虚拟企业中的价值传递和分配问题,具有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。

  

目录

   vue的价值转移和赋值。再来看看场景解决方案,vue的赋值技巧,严谨的代码未定义判断。

  

vue的传值及赋值

  作为一个非vue资深学习者,在工作中使用Vue还是会遇到很多所谓的坑,打算总结一下;昨天,PM找到我,给我看了一个bug。这是一个令人头痛的问题。看了半天代码,看不出有什么问题,但是实现的时候就是错误。

  

先看一下场景

  这是详细信息页面的选项卡栏。这里的一般逻辑是从其他页面跳转到细节页面,选择虚拟服务器组的选项卡栏。代码的逻辑是先获取详情页信息detail,然后将detail对象以props的形式作为子组件传递给虚拟服务器组。

  导出默认值{

  道具:[细节],

  data(){

  返回{

  类型:this.detail.type

  }

  },

  方法:{

  XXX(){

  }

  }

  }

  我这里多做了一步,就是将props中的属性赋给data中的变量,但是如果我跳转到详情页,马上去虚拟服务的tab栏,(这个时候会马上触发XXX方法,使用变量类型),这个时候会报错,就是类型未定义?

  

解决方法

  直接使用props中的detail变量,而不用把它赋给data中的变量,这种情况是不会发生的。

  根本原因不清楚,但初步推断是时差。测试过程中发现这个bug不一定是反复出现的,有时好有时坏。如果直接使用,可以避免这个问题。

  

vue的赋值小技巧

  

严谨代码

  刚性即健壮性,是指软件处理超出规范要求的输入情况的能力。所谓系统,是指超出规范要求的输入可以被判定为不符合规范要求,并能以合理的方式进行处理。

  此外,健壮性有时与容错性、可移植性和正确性相交叉。

  例如,一个软件可以从错误的输入中推断出正确合理的输入,这是一种容错的度量,但也可以认为是健壮的。

  

undefined判断

  JS和Vue中有两种特殊的数据类型:undefined和null。下一节介绍null的判断。先说未定义的判断。

  以下是不正确的用法:

  var exp=未定义;

  if (exp==未定义)

  {

  alert("未定义");

  }

  当exp为null时,将得到与undefined相同的结果,尽管null与undefined不同。注意:这个方法可以用来判断未定义和空。

  var exp=未定义;

  if (typeof(exp)==未定义)

  {

  alert("未定义");

  }

  以下是正确的用法:

  var exp=未定义;

  if (typeof(exp)=="undefined ")

  {

  alert("未定义");

  }

  以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: