所謂條件指令是指滿足某個條件時執行哪部分**，不滿足條件時執行哪部分條件**。vue條件指令有v-if，v-else-if，v-else三個，v-if條件渲染用來指示元素是否移除或者插入，根據表示式的值的真假條件渲染元素。
方式一使用v-if顯示標籤，當初始化值為true時，則顯示第乙個標籤，當初始化值為false時，則顯示第二個標籤：
1 2 3 }
4 5 ishow為true我將首次展現
6 ishow為false我將首次展現
使用條件：v-else-if必須緊跟在帶v-if或者v-else-if的元素之後，當專案中有多個判斷條件時使用。
使用方式一：使用字串顯示標籤，當判斷條件初始化值為字串1時，則顯示if標籤，當判斷條件初始化值不為字串1時，則根據判斷條件顯示v-else-if條件標籤，示例如下：
1 2 3 }
4 5 ishow為字串型別1我將首次展現
6 (elseif)否則ishow為字串型別2我將首次展現
7 (elseif)否則ishow為字串型別3我將首次展現
使用方式二：使用數字型別顯示標籤，當判斷條件初始化值為數字型別1時，則顯示if標籤，當判斷條件初始化值不為數字型別1時，則根據判斷條件顯示v-else-if條件標籤，示例如下：
1 2 3 }
4 5 ishow為數字型別1我將首次展現
6 (elseif)否則ishow為數字型別2我將首次展現
7 (elseif)否則ishow為數字型別3我將首次展現
使用條件：v-else元素必須緊跟在帶v-if或者v-else-if的元素的後面，否則它將不會被識別。
使用方式一：if-if型別，使用初始化bool值顯示標籤：
1 2 3 }
4 5 ishow為true我將首次展現
6 ishow為false我將首次展現
使用方式二：if-else型別，用字串顯示標籤，當初始化值為字串1時，顯示if標籤，當初始化值不為字串1的時候，顯示else標籤，示例如下：
1 2 3 }
4 5 ishow為字串1我將首次展現
6 ishow不為字串1我將首次展現
使用方式三：if-else型別，用數字型別顯示標籤，當初始化值為數字型別1時，顯示if標籤，當初始化值不為數字型別1的時候，顯示else標籤，示例如下：
1 2 3 }
4 5 ishow為數字型別1我將首次展現
6 ishow不為數字型別1我將首次展現
使用方式四：if-elseif-else型別，當if和elseif條件都不滿足時，顯示else標籤，示例如下：
1 2 3 }
4 5 ishow為數字型別1我將首次展現
6 (elseif)否則ishow為數字型別2我將首次展現
7 if-elseif條件都不滿足，我將首次展現
總結：複雜的程式都是由簡單的判斷條件組合變化而成，在程式中靈活使用判斷條件才是最重要的。
Vue起步06 條件渲染
問題一，我們的知道什麼是條件渲染？更具某一條件來判定是否要渲染某一塊內容 問題二，條件是什莫？v if v show後面的truthy falsthy 問題三，那兩者有什莫不同呢？v if 條件渲染 真正 vue中的 就地復用 策略 因為對於一些可復用且無關鍵字key的元素，vue在條件渲染時，會選...
vue系列課程3 條件渲染
單一檢視 v if show 我是if為true看到的p v else 我是if為false看到的p div template export default script 多檢視 v if show 我是if為true看到的span 哈哈哈a 是span p v else 我是if為false看到的...
04 條件渲染
單個元素渲染 v if v else 單個元素渲染 v if v else if v else 用v if 跟著v else，其中如果沒有v if或v else if v else不會被識別。多個元素渲染 第乙個第二個 第三個 第四個 在單個元素渲染的基礎上新增乙個template標籤，而且這個標籤...