v-show与v-if的区别

原创
2018/10/01 23:34
阅读数 325

       在自学vue.js这个比较简单的前端框架的一些指的过程中,我通过查找相关资料发现了v-show与v-if的一些区别。

       v-show与v-if除了以下两点区别以外,用法基本相同:

       1. v-show的隐藏是生成HTML标签,但通过CSS的display:none;隐藏起来;v-if是直接不生成HTML标签

       2. v-show适合频繁切换。v-if切换有一个局部编译/卸载的过程,切换过程中不断地销毁和重建内部的事件监听和子组件,切换消耗高;而v-show只是简单的基于CSS切换,所以v-show切换消耗低,很适合频繁切换。

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部