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