小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

if for 流程控制綁定

 偶記易方 2019-05-08
if:

if可用<templete>   不會(huì)顯示該標(biāo)簽

<ul>

<li v-if="seen">hello girl</li>
<li v-else>hello boy</li>
</ul>

for:(4種)
<!-- 1. 數(shù)字?jǐn)?shù)組 -->
<li v-for="item in item1">{{item}}</li>

<!-- 2. 字符數(shù)組 -->
<li v-for="item in item2">{{item}}</li>

<!-- 3. 對(duì)象數(shù)組 -->
<li v-for="item in item3">{{item.text}}</li>

<!-- 4. 對(duì)象 -->
<!-- v-for='a,b,c' 順序分別為:
a: 值value(Rita);
b: 鍵key(name);
c: id(0)
-->

<li v-for="item in item4">{{item}}</li>

<!-- 或者 -->
<li v-for="(item,index) in item4">{{index}}.{{item}}</li>

<!-- 或者 -->
<li v-for="(item,index,value) in item4">{{item}}.{{index}}.{{value}}</li>



var vue = new Vue({
el: '#app',
data: {
seen: true,

// 1. 數(shù)字?jǐn)?shù)組
item1: [1,2,3,4,5],

// 2. 字符數(shù)組
item2: ['字符1','字符2','字符3',],

// 3. 對(duì)象數(shù)組
item3: [
{text: '對(duì)象數(shù)組1'},
{text: '對(duì)象數(shù)組2'},
{text: '對(duì)象數(shù)組3'},
],

// 4. 對(duì)象
item4: {
name: 'Rita',
age: '12',
type: '對(duì)象'
}
}
})

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多