Vue指令之v-else篇
阿新 • • 發佈：2018-12-10
講完v-if篇，那麼接下里我們就說說v-else嘍
對比java中的if(條件) {條件成立執行的語句} else {條件不成立執行的語句}
我相信你的腦瓜子已經轉了90度，已經完全搞明白Vue的v-else該怎麼用了
沒錯：就是v-if="條件" 條件成立 v-else 條件不成立，有沒有發現 v-else離不開v-if，如果沒有v-if的存在 v-else將變得毫無意義。
不囉嗦了： 上程式碼：
<html> <head> <meta charset="utf-8"> <title>Vue-else之指令</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app
輸出：
那麼當有多個邏輯條件，我們想一個程式碼解決了，那麼該怎麼搞呢，當然還有v-else-if指令嘍
這個指令就不用我多說了吧，上程式碼上程式碼：
<html> <head> <meta charset="utf-8"> <title>Vue 測試例項 - 菜鳥教程(runoob.com)</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> <div v-if="type === 'A'"> //全等（===）於代表，型別相同 && 值相同 type全等於 A </div> <div v-else-if="type
一不留神，就學完了v-else和v-else-if，嘿嘿嘿！！！