v-if与v-show的区别

在Vue2和Vue3中，v-show的优先级都是高于v-if。两者之间到底有什么区别呢？

1、实现方式不同：v-show隐藏则是为该元素添加css--display:none，dom元素依旧还在。v-if显示隐藏是将dom元素整个添加或删除。

2、性能不同：v-if的原理是添加/删除元素，频繁切换消耗性能。v-show只是用样式控制显/隐，性能更好。

3、使用场景不同：如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。