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

標籤: Vue.js javascript

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

以下為 v-if 的用法:

 

用一個 template 包起來。

 

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

 

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