前端面试题 v-if和v-show的区别

v-show：

v-show指令是通过CSS属性修改元素的display 的让其显示或者隐藏

当条件为false时, v-show只是给我们的元素添加一个行内样式: display: none

v-if：

v-if指令是直接销毁和重建DOM达到让元素显示和隐藏的效果

只有在为true的时候才会显示数据

应用场景：

当频繁切换的时候推荐使用v-show 切换次数较少的时候推荐使用v-if