前端常见面试题：v-if.v-show的区别

一.v-if和v-show都可以控制dom元素隐藏。
二. v-if和v-show区别
1.手段不同:
v-if隐藏直接添加或者删除dom节点。v-show隐藏将dom节点的display:none.
2.编译过程不同：
v-if有局部卸载/编译的过程，切换过程中合适的重建和销毁内部事件监听和和子组件。v-show只是简单的css变更。
3.性能消耗：
v-if有更高的切换消耗过程，v-show有更高的初始化渲染消耗。
4.适用场景
v-if适用于运行条件不大可能改变的场合。v-show适用于频繁切换的长度。