关于vue中v-if与v-show的区别

(CSDN是更新了吗?怎么感觉变了。) 最近打算换个工作,各种原因,其实还是想多学一点东西,年轻人嘛,对知识有渴望!

在这里分析一波在vue中v-if与v-show的区别,其实个人觉得v-if与v-show的用法是差不多的,没什么可纠结的,但是最近面试被问到了,还是有点懵的,感觉回答的不好,所以觉得有必要在这里总结一波。

相同点:v-if与v-show都是可以动态控制DOM元素显示隐藏的。

不同点:

1、v-if是对DOM树上的元素进行添加或者删除

      v-show是对元素CSS样式的隐藏,通过控制display进行显示和隐藏

2、v-if有更高的切换消耗

      v-show有更高的初始渲染消耗

3、v-if更适合页面的条件加载,如果在运行的时候,条件不能改变,那么,使用v-if比较合适

      v-show适合在不考虑安全性能的情况下,频繁的切换操作更加适合v-show

我觉得说出这些就足够了,当然,纸上谈兵是没用的,还是需要多写,多练。另外,在这里推荐一本书,《vue实战》,2017年出版的,内容还很新,里面讲了很多关于实战的东西,最近我也是刚开始在看。

猜你喜欢

转载自blog.csdn.net/xr510002594/article/details/81106736