vue中 v-if和v-show的区别:
相同点:都是控制元素的显示与隐藏。
区别:
v-if:控制html元素的插入和移除,会导致浏览器的回流和重绘。
v-show:通过控制css中的display设置为none,控制元素的显示与隐藏。
v-if 使用在条件渲染不太频繁的情况下,如果控制元素显示隐藏的频率很高,使用v-show,有利于性能优化,可减少浏览器的回流和重绘。
相同点:都是控制元素的显示与隐藏。
区别:
v-if:控制html元素的插入和移除,会导致浏览器的回流和重绘。
v-show:通过控制css中的display设置为none,控制元素的显示与隐藏。
v-if 使用在条件渲染不太频繁的情况下,如果控制元素显示隐藏的频率很高,使用v-show,有利于性能优化,可减少浏览器的回流和重绘。