[Vue.js] Vue 的條件判斷- v-if 與 v-show

在 Vue.js 裡我們可以利用 v-if 或 v-show 來切換顯示的內容，差別在於 v-if 跟對應的 v-else 會讓 dom 真正的增加或刪除，而 v-show 則是原本就存在但靠 display 去切換顯示狀態而已。

以下為 v-if 的用法：

用一個 template 包起來。

v-show 的例子，但注意 v-show 無法使用 template

像這樣改變 true, false 就可以切換顯示狀態了。