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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。