v show和v if指令的共同點和不同點?

2021-10-08 07:27:02 字數 581 閱讀 1671

1.共同點:都能控制元素的顯示和隱藏。

2.不同點:實現本質⽅法不同,v-show本質就是通過控制css中的display設定為none,控制隱藏,只會編譯⼀次;v-if是動態的向dom樹內新增或者刪除dom元素,若初始值為false,就不會編譯了。⽽且v-if不停的銷毀和建立⽐較消耗效能。

3.總結:如果要頻繁切換某節點,使⽤v-show(切換開銷⽐較⼩,初始開銷較⼤)。如果不需要頻繁切換某節點使⽤v-if(初始渲染開銷較⼩,切換開銷⽐較⼤)。

(v-show使用方法有幾種,我這寫一種)

"show"

>v-show<

/div>

// true 顯示 false 隱藏

data()

},

"show"

> v-

if<

/div>

else

> v-

else

<

/div>

data()

},

v if和v show的異同點

v if和v show都能控制元素的顯示和隱藏。1.實現方法 v if 動態的向dom樹內新增或者刪除dom元素 v show 通過設定css中的display設定為none,控制隱藏 2.編譯過程 v if 有乙個區域性編譯 解除安裝的過程,切換過程中合適地銷毀和重建內部的事件監聽和子元件 v s...

RTSP RTMP HLS的共同點 區別

用一句簡單的話總結 rtsp發起 終結流 rtp傳輸流 資料 rtcp對rtp進行控制,同步。二 rtmp rtmp的劣勢是 協議複雜 rtmp協議比起http複雜很多,導致效能低下。測試發現兩台伺服器直連100gbps網路中,http能跑到60gbps,但是rtmp只能跑到10gbps,cpu佔用...

vue 指令v if 與指令v show的區別

區別1 v if 可以根據表示式的值在dom中生成或移除乙個元素。v show 可以根據表示式的值來顯示或者隱藏html元素。當v show賦值為false時,元素被隱藏,此時檢視 時,該元素上會多乙個內聯樣式style display none 測試一 皆為true時 測試2 v if false...