Vue基礎02 v if和v show指令

2021-10-02 09:21:00 字數 429 閱讀 8237

v-if的使用

v-if是vue的乙個內部指令用來判斷是否載入html的dom比如模擬使用者登入狀態,在使用者登入後實現使用者名稱,判斷的內部指令

v-else否則,等同於js中的if/else

v-show的使用:

調整css中display屬性,dom已經載入,只是css控制沒有顯示出來。

v-if 和v-show的區別:

v-if: 判斷是否載入,可以減輕伺服器的壓力,在需要時載入。

v-show:調整css dispaly屬性,可以使客戶端操作更加流暢。

請登入

data:

})

Vue基礎語法02

vue基礎語法02 屬性繫結 v bind 可簡寫為 v bind 指令被用來響應地更新 html 屬性 v bind href 可以縮寫為 href v bind 和 v on的區別 v bind 繫結屬性 v on 繫結事件 繫結類名v bind class 通過v bind class 鍵 代...

vue中v if和v show的區別

v if 是根據條件來判斷是否要渲染該元素。而 v show是已經渲染了該元素用css來決定他顯不顯示。看起來似乎是v if比較好一點。但是作為元素間的切換的話。v if有較高的切換開銷。所以當如果你的頁面元素要經常切換的話用v show會比較好。當不需要經常切換的時候,這種情況就用v if比較好。...

vue中v if和v show的區別

相同點 v if與v show都可以動態控制dom元素顯示隱藏 不同點 v if顯示隱藏是將dom元素整個新增或刪除,而v show隱藏則是為該元素新增css display none,dom元素還在。需要注意的是,當乙個元素預設在css中加了display none屬性,這時通過if show修改...