亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

湖上湖 2019-02-26 17:17:48
如何利用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 較好。

查看完整回答
反對 回復 2019-03-02
  • 2 回答
  • 0 關注
  • 2558 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號