Vue.js學(xué)習(xí)系列(六)---條件與循環(huán)

vuejs中同樣可以進(jìn)行條件判斷和循環(huán)。

1.條件判斷

vuejs通過“v-if”指令執(zhí)行判斷

v-if表示的是值為true則顯示該標(biāo)簽,為false則不顯示;

這段代碼表示,如果abc這個對象存在的話,就顯示這一行數(shù)據(jù),它的值為abc.a。如果不存在的話,就不顯示。顯然在該代碼中abc對象是存在的,且abc.a的值為1.所以最后在頁面上顯示的是1。

2.循環(huán)

vuejs中的循環(huán)時通過v-for指令來執(zhí)行的。它表示的是列表渲染。

這里的items可以是一個對象那個也可以是一個數(shù)組。v-for="i in items"就相當(dāng)于

for(var ?i in ?items).{{i}}就相當(dāng)于是items[i].這里的li會被復(fù)制多個,然后依次被items[i]渲染,直到渲染完畢;最終在頁面顯示的是值為1 2 3的列表。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容