本篇文章給大家分享的是有關(guān)vue中v-if和v-show的區(qū)別是什么，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

成都創(chuàng)新互聯(lián)公司專注于桂平網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供桂平營(yíng)銷型網(wǎng)站建設(shè)，桂平網(wǎng)站制作、桂平網(wǎng)頁設(shè)計(jì)、桂平網(wǎng)站官網(wǎng)定制、小程序設(shè)計(jì)服務(wù)，打造桂平網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供桂平網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

v-if vs v-show

v-if 是“真正的”條件渲染，因?yàn)樗鼤?huì)確保在切換過程中條件塊內(nèi)的事件監(jiān)聽器和子組件適當(dāng)?shù)乇讳N毀和重建。

v-if 也是惰性的：如果在初始渲染時(shí)條件為假，則什么也不做——直到條件第一次變?yōu)檎鏁r(shí)，才會(huì)開始渲染條件塊。

相比之下， v-show 就簡(jiǎn)單得多——不管初始條件是什么，元素總是會(huì)被渲染，并且只是簡(jiǎn)單地基于 CSS 進(jìn)行切換。

一般來說， v-if 有更高的切換開銷，而 v-show 有更高的初始渲染開銷。因此，如果需要非常頻繁地切換，則使用 v-show 較好；如果在運(yùn)行時(shí)條件不太可能改變，則使用 v-if 較好。

看chrom控制臺(tái)能更明顯的看出來

對(duì)比可以看出v-if直接從代碼中刪除了，v-show只是通過display來切換狀態(tài)，因此建議頻繁切換的話用v-show比較好

以上就是vue中v-if和v-show的區(qū)別是什么，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。