vue v-show 跟v-if的區(qū)別

1.什么是v-show指令

v-show和v-if的能夠一樣都是條件渲染, 取值為true就顯示, 取值為false就不顯示

2.v-if和v-show區(qū)別

v-if: 只要取值為false就不會創(chuàng)建元素

v-show: 哪怕取值為false也會創(chuàng)建元素, 只是如果取值是false會設置元素的display為none

3.v-if和v-show應用場景

由于取值為false時v-if不會創(chuàng)建元素, 所以如果需要切換元素的顯示和隱藏, 每次v-if都會創(chuàng)建和刪除元素,影響性能

由于取值為false時v-show會創(chuàng)建元素并設置display為none, 所有如果需要切換元素的顯示和隱藏,

不會反復創(chuàng)建和刪除, 只是修改display的值

所以: 如果企業(yè)開發(fā)中需要頻繁切換元素顯示隱藏, 那么推薦使用v-show, 否則使用v-if

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容