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

mac2024-06-19  52

v-if 与 v-show 的区别

**v-if:**通过对Dom元素进行添加和删除,来完成显示和隐藏!

**v-show:**通过对display属性值进行改变来完成显示和隐藏;不会对Dom元素进行添加和删除!

如果需要对dom元素频繁的显示和隐藏,建议用 v-show,这样效率高;反之,用 v-if 。 原因是:因为dom元素的添加和删除会引起页面的重绘和重排。 在隐藏情况下,v-if的dom首次加载要快一些,v-show中首次加载要慢一些
最新回复(0)