在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 较好。
在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 较好。