Vue.js的條件判斷使用的是v-if以及v-show。
v-show就是判斷如果事件的值是truthy就普通顯示，是falsy就隱藏，可以注意這裡就是v-if和v-show的差別，因為在v-if中判斷到事件的值為falsy的話並不是隱藏而是直接移除，如果我們打開瀏覽器的DevTools來觀察瀏覽器的執行可以看到在v-show執行隱藏的動作時，是透過CSS的display: none來達到目的。
v-if與v-show的不同除了前面的trusy/falsy的元素增減以外，v-if的也與其他的程式語言中的if一樣，有v-else以及v-else-if等條件可以來做配合。
而有關條件配合，如果希望複數元素都對同一個條件反應的話如果寫成複數個、一條一條寫的話就會導致Vue.js報錯，所以我們應該將寫法改成使用&來包裹條件程式，來保留v-if指令的作用。
iThome鐵人賽
看影片追技術