來(lái)源：阿里云大學(xué)——開發(fā)者課堂——Vue.js自學(xué)手冊(cè)

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

v-if 指令

在元素 和 template 中使用 v-if 指令：

Vue 測(cè)試實(shí)例 - 阿里云大學(xué)(/edu.aliyun.com)

現(xiàn)在你看到我了

阿里云大學(xué)

學(xué)的不僅是技術(shù)，更是夢(mèng)想！

哈哈啥，打字辛苦啊！！！

這里， v-if 指令將根據(jù)表達(dá)式 seen 的值(true 或 false )來(lái)決定是否插入 p 元素。

在字符串模板中，如 Handlebars ，我們得像這樣寫一個(gè)條件塊：

{{#if ok}}

Yes

{{/if}}

可以用 v-else 指令給 v-if 添加一個(gè) "else" 塊：

v-else 指令

隨機(jī)生成一個(gè)數(shù)字，判斷是否大于0.5，然后輸出對(duì)應(yīng)信息：

Vue 測(cè)試實(shí)例 - 阿里云大學(xué)(edu.aliyun.com) Sorry Not sorry

運(yùn)行結(jié)果

Sorry

v-else-if 在 2.1.0 新增，顧名思義，用作 v-if 的 else-if 塊。可以鏈?zhǔn)降亩啻问褂?#xff1a;

v-else 指令

隨機(jī)生成一個(gè)數(shù)字，判斷是否大于0.5，然后輸出對(duì)應(yīng)信息：

Vue 測(cè)試實(shí)例 - 阿里云大學(xué)(edu.aliyun.com) A B C Not A/B/C

“v-else 、v-else-if 必須跟在 v-if 或者 v-else-if之后。”

我們也可以使用 v-show 指令來(lái)根據(jù)條件展示元素：

v-show 指令

Hello!

注意: v-show 不支持 語(yǔ)法。

來(lái)自：阿里云大學(xué)——開發(fā)者課堂——Vue.js自學(xué)手冊(cè)

點(diǎn)擊“了解更多”開始自學(xué)！

新人創(chuàng)作打卡挑戰(zhàn)賽發(fā)博客就能抽獎(jiǎng)！定制產(chǎn)品紅包拿不停！

總結(jié)

以上是生活随笔為你收集整理的js 字符串插入_Vue.js 条件与循环的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。