Vue條件和迴圈語句

2021-10-09 21:19:16 字數 1766 閱讀 5306

1.條件判斷

條件判斷使用 v-if 指令:

>

v-if

="seen"

>

現在你看到我了p

>

v-if

="ok"

>

>

vue教程h1

>

>

學的不僅是技術,更是夢想!p

>

>

哈哈哈!!!p

>

template

>

div>

>

newvue(}

)script

>

這裡, v-if 指令將根據表示式 seen 的值(true 或 false )來決定是否插入 p 元素。

在字串模板中,如 handlebars ,我們得像這樣寫乙個條件塊:

} >

yesh1

>

}

v-else

可以用 v-else 指令給 v-if 新增乙個 「else」 塊:

>

v-if

="math.random() > 0.5"

>

sorry

div>

v-else

>

not sorry

div>

div>

>

newvue()

script

>

2.迴圈語句

迴圈使用 v-for 指令。

v-for 指令需要以 site in sites 形式的特殊語法, sites 是源資料陣列並且 site 是陣列元素迭代的別名。

v-for 可以繫結資料到陣列來渲染乙個列表:

>

>

v-for

="site in sites"

>}li

>

ol>

div>

>

newvue(,

,]}}

)script

>

模板中使用 v-for:

>

v-for

="site in sites"

>

>

}li>

>

--------------li

>

template

>

ul>

v-for 迭代物件

v-for 可以通過乙個物件的屬性來迭代資料:

>

>

v-for

="value in object"

>}li

>

ul>

div>

>

newvue(}

})script

>

v-for 迭代整數

v-for 也可以迴圈整數

>

>

v-for

="n in 10"

>}li

>

ul>

div>

條件語句和迴圈語句

條件語句 if語句有三種用法 1.if 表示式 如果表示式的值為真,則執行括號內的復合語句 2.if 表示式 else 如果表示式的值為真,則執行語句1,否則執行語句2 3.if 表示式 else if else if else 如果表示式的值為真,則執行對應的語句然後跳出if語句執行後面的語句,若...

條件和迴圈語句

python條件語句是通過一條或多條語句的執行結果 true或者false 來決定執行的 塊。if 判斷條件 執行語句 else 執行語句 開始有縮排的概念 基本判斷語句 age 12 if age 18 print 18歲以下不宜 if語句後面必須有 自動縮排 if語句寫完後,要退回原有縮排繼續寫...

Python條件語句和迴圈語句

1 python條件語句 python條件語句是通過一條或多條語句的執行結果 true或者false 來決定執行的 塊。python程式語言指定任何非0和非空 null 值為true,0 或者 null為false。基本形式為 if 判斷條件 執行語句 else 執行語句 當判斷條件為多個值時,可以...