Vue中常见面试题：v-if和v-show的区别？

v-if和v-show的区别？

①：v-if只有当条件成立时才会进行渲染，它每次都会去操作Dom进行添加和删除。
②：v-else是在v-if不成立时才会执行
③：v-show操作的是样式，底层是使用display实现的，对隐藏和显示进行切换

使用场景

①：如果使用频率比较低建议使用v-if，页面不会做加载盒子
②：如果使用频率比较高，建议使用v-show，开销比较小；若是有v-if会频繁删除和创建dom，消耗太大

代码实例

    <h2 v-if="hot">这是v-if为true时显示状态</h2>
    <h2 v-else>这是v-else显示状态</h2>
    <button @click="toggle">切换v-if状态</button>
    <h2 v-show="shows">这是v-show的显示状态</h2>

          data: {
             hot: true,
             shows: true,
           },

v-else时