v-if 和 v-show的区别，都能加在template上么

v-if 的特点：每次都会重新删除或创建元素
v-show 的特点： 是切换了元素的 display:none 样式
v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 v-if 较好。

由于v-show是切换display:none,template并不会生成DOM，当v-show和template结合使用，变量是false，内容隐藏功能将失效


image.png

image.png

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容