如何利用Vue.js庫中的v-show顯示和隱藏元素?
2 回答

蝴蝶刀刀
TA貢獻1801條經驗 獲得超8個贊
<h1 v-show="ok">Hello!</h1>
如果ok這個變量為真,就會顯示Hello!
v-show 是簡單的切換元素的 CSS 屬性 display ,也就是會占用瀏覽器內存空間,
另外一個類似的是 v-if
v-if 是真實的條件渲染,因為它會確保條件塊在切換當中適當地銷毀與重建條件塊內的事件監聽器和子組件。
v-if 也是惰性的:如果在初始渲染時條件為假,則什么也不做——在條件第一次變為真時才開始局部編譯(編譯會被緩存起來)。
相比之下, v-show 簡單得多——元素始終被編譯并保留,只是簡單地基于 CSS 切換。
一般來說, v-if 有更高的切換消耗而 v-show 有更高的初始渲染消耗。因此,如果需要頻繁切換使用 v-show 較好,如果在運行時條件不大可能改變則使用 v-if 較好。
添加回答
舉報
0/150
提交
取消