v-if与v-show的不同

1.v-if是动态的创建或移除元素来实现元素的显隐;v-show控制样式的display来显示或者隐藏

2.若要频繁的切换元素的显示状态,用v-show性能更好

3.若刚进入页面,某些元素默认不需要被展示,而且后期这个元素很可能也不需要展示出来,此时用v-if

 

需要注意的是,当一个元素默认在css中加了display:none属性,这时通过v-show修改为true是无法让元素显示的。原因是显示隐藏切换,只是会修改element style为display:""或者display:none,并不会覆盖掉或修改已存在的css属性

posted @ 2021-08-20 19:46  冰镇汽水  阅读(64)  评论(0)    收藏  举报