v-if
和v-show
在元素展示的效果都是动态控制着dom元素的显示隐藏,只是在隐藏元素的时候效果会有区别。
v-if
元素隐藏时,会在dom
节点中把该元素移除
v-show
元素隐藏时,会在dom
节点中把该元素设置css
属性为display : none
,元素依然保留在dom
节点中
使用场景:
v-if
适合运营条件不大可能改变;
v-show
适合频繁切换;
v-if
和v-show
在元素展示的效果都是动态控制着dom元素的显示隐藏,只是在隐藏元素的时候效果会有区别。
v-if
元素隐藏时,会在dom
节点中把该元素移除
v-show
元素隐藏时,会在dom
节点中把该元素设置css
属性为display : none
,元素依然保留在dom
节点中
使用场景:
v-if
适合运营条件不大可能改变;
v-show
适合频繁切换;