相同点: v-if和v-show都可以动态控制DOM元素的显示隐藏。
不同点:v-if是动态地想DOM树中添加或删除DOM元素节点;v-show是通过向DOM元素设置样式 display属性值控制显示与隐藏。
特性方面:
1.v-if为惰性,若最初指令值为false,将不会编译;v-show不管最初指令值为真假都会进行编译存入缓存,保留DOM。
2.v-if适用于切换条件、项目需求稳定;v-show适用于频繁需要切换。
3.v-if切换性能消耗较大;v-show最初渲染消耗较大。
4.v-if可与v-else、v-else-if配合使用进行判断执行,但一定要相邻,不可中断;v-show没有特殊语法。