Vue | 顯示切換（v-if與v-show,display,visibility與opacity）

文章目錄

• 緻讀者（選讀）
• 顯示切換
• • 1.動綁display
  • 2.v-show
  • 3.v-if
  • 4.動綁visibility
  • 5.動綁opacity
• 提問集合
• • watch監聽

若有疑問，歡迎評論，我會盡快回複。

緻讀者（選讀）

有些朋友是在搜尋“v-show實作tab頁切換”等需求時，通路到本文的。

通過改變CSS/DOM切換的思路可行，但繁瑣且存在缺陷，可能會遇到頁面走樣，與生命周期不協調，傳值麻煩等問題。

在現代前端開發中，針對tab切換類需求，更建議使用前端路由vue-router或動态元件 v-bind:is來實作。

vue中的顯示切換更适用于實