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

• 相同点
  v-if 和 v-show ：都是用来控制标签、组件，显示或隐藏的，功能是相同的。
• 不同点
  v-if：属于惰性加载 ，如果条件为false时，不进行页面渲染 ，在页面中隐藏的标签不会DOM上树，当条件为true时，隐藏的内容才会挂载到界面中，但是当条件再次为false时，显示的内容会从DOM树种卸载下来。
  v-show：不管条件是否为true，都会进行页面渲染，将内容挂载到DOM树上， 如果条件为false时，会通过修改css样式，将display属性改为none ，达到隐藏内容的效果 。
• 使用
  v-if：每次隐藏内容或显示是内容，都需要重新将内容挂载或卸载，会比较消耗计算机的性能，因此适用于，不需要经常显示、隐藏的内容。
  v-show：因为是通过css样式来控制显示、隐藏的，对计算机性能方面消耗不大，因此适用于需要频繁显示、隐藏的内容。