腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

軟件下載

android MAC 驅(qū)動(dòng)下載字體下載 DLL

源碼下載

PHP ASP.NET ASP JSP

軟件編程

C# JAVA C 語言 Delphi Android

網(wǎng)絡(luò)編程

PHP ASP.NET ASP JavaScript

在線工具

CSS格式化 JS格式化 Html轉(zhuǎn)化為Js

數(shù)據(jù)庫

MYSQL MSSQL oracle DB2 MARIADB

CMS

PHPCMS DEDECMS 帝國CMS WordPress

常用工具

PHP開發(fā)工具 python Photoshop 必備軟件

vue中的傳值及賦值問題

更新時(shí)間：2022年04月23日 11:05:10 作者：yikewang2016

這篇文章主要介紹了vue中的傳值及賦值問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue的傳值及賦值

作為Vue非資深的學(xué)習(xí)者，在工作中使用vue的時(shí)候還是遇見的很多所謂的坑，打算總結(jié)一下；就在昨天PM找到我，給我看了一個(gè)bug，很是頭疼的是，我看了半天代碼就是看不出有什么問題，但是實(shí)現(xiàn)起來就是報(bào)錯(cuò)。

先看一下場(chǎng)景

這是詳情頁的tab欄，這里的大概邏輯就是從別的頁面跳轉(zhuǎn)到詳情頁并且需要選中虛擬服務(wù)器組這個(gè)tab欄，代碼的邏輯是先獲取詳情頁信息Detail，然后把detail這個(gè)對(duì)象以props的形式傳遞給虛擬服務(wù)器組這個(gè)子組件

export default {
    props：['detail'],
    data(){
        return {
            type: this.detail.type
        }
    },
    methods: {
        XXX(){
        }
    } 
}

我在這里多做了一步，就是講props里面的屬性賦值給了data里面的變量，但是如果我跳轉(zhuǎn)到詳情頁后立即轉(zhuǎn)到虛擬服務(wù)這個(gè)tab欄的時(shí)候，（此時(shí)會(huì)立即觸發(fā)XXX方法，并且會(huì)使用type這個(gè)變量），此時(shí)回報(bào)錯(cuò)，就是type是未定義的？

解決方法

直接將props中的detail變量直接拿來使用，不需要賦值給data中的變量，就不會(huì)出現(xiàn)這種情況。

深層的原因不清楚，但是初步斷定是時(shí)間差的問題，在測(cè)試的時(shí)候發(fā)現(xiàn)，這種bug不是必然復(fù)現(xiàn)的，時(shí)好時(shí)壞，直接使用的話避免了這個(gè)問題。

vue的賦值小技巧

嚴(yán)謹(jǐn)代碼

嚴(yán)謹(jǐn)性即健壯性，是指軟件對(duì)于規(guī)范要求以外的輸入情況的處理能力。所謂的系統(tǒng)是指對(duì)于規(guī)范要求以外的輸入能夠判斷出這個(gè)輸入不符合規(guī)范要求，并能有合理的處理方式。

另外健壯性有時(shí)也和容錯(cuò)性，可移植性，正確性有交叉的地方。

比如，一個(gè)軟件可以從錯(cuò)誤的輸入推斷出正確合理的輸入，這屬于容錯(cuò)性量度標(biāo)準(zhǔn)，但是也可以認(rèn)為這個(gè)軟件是健壯的。

undefined判斷

JS 和 Vue中有兩個(gè)特殊數(shù)據(jù)類型：undefined 和 null，下節(jié)介紹了 null 的判斷，下面談?wù)?undefined 的判斷。

以下是不正確的用法：

var exp = undefined;
if (exp == undefined)
{
alert(“undefined”);
}

exp 為 null 時(shí)，也會(huì)得到與 undefined 相同的結(jié)果，雖然 null 和 undefined 不一樣。注意：要同時(shí)判斷 undefined 和 null 時(shí)可使用本法。

var exp = undefined;
if (typeof(exp) == undefined)
{
alert(“undefined”);
}

以下是正確的用法：

var exp = undefined;
if (typeof(exp) == “undefined”)
{
alert(“undefined”);
}

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频