v-if和v-show

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无特殊语法。