1.相同点 :v-if和v-show都可以动态控制DOM元素的显示隐藏。
不同点: v-if是动态地向DOM树中添加或删除DOM元素节点;
v-show是通过向DOM元素设置样式display属性值控制显示隐藏。
2.编译:v-if是惰性的,当它初始指令为false时,它是不会编译,指令值为true 才开始编译;
v-show:不管初时指令值为啥它都会马上编译。
3.消耗:v-if切换性能消耗较大;
v-show最初渲染消耗较大。
4.适用场景:v-if适用项目需求稳定;
v-show适用频繁需要切换。
5.语法:v-if可与v-else、v-else-if配合使用进行判断执行,但一定需要相邻, 不可中断;
v-show无特殊语法。