Vue v-show和v-if区别

vue 中v-show和v-if的区别

　　(1)、v-if和v-show用于视图层进行条件判断视图展示

　　(2)、v-if的原理是根据判断条件来动态的进行增删DOM元素，v-show是根据判断条件来动态的进行显示和隐藏元素，频繁的进行增删DOM操作会影响页面加载速度和性能，由此我们可以得出结论：

　　　　　　当您的项目程序不是很大的时候，v-if和v-show都可以用来进行判断展示和隐藏(这种场景使用v-if只是影响不大，并不是没有影响)；

　　　　　　当您的项目程序比较大的时候，不推荐使用v-if来进行判断展示和隐藏，推荐使用v-show；

　　(3)、只有v-if能和v-else连用进行分支判断，v-show是不能和v-else连用的，如果出现多种条件场景的情况下，可以使用v-if来进行判断

示例:

<template>
  <div>
    <div v-if="ifflag">v-if显隐</div>
    <div v-show="showflag">v-show显隐</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      showflag:false,
      ifflag:true
    };
  }
};
</script>