v-if是惰性的,如果一开始条件不满足,元素就不会被渲染,知道条件满足才开始渲染元素对应的是子组件和监听器的重新创建和销毁
v-show 无论条件是否满足都会渲染元素 通过css属性显示或隐藏 对应display属性
v-if条件很少改变 v-show频繁样式切换
v-if和v-for的优先级(不建议一起使用)
vue2 v-for的优先级高于 v-if
vue3 v-for的优先级低于v-if
v-if是惰性的,如果一开始条件不满足,元素就不会被渲染,知道条件满足才开始渲染元素对应的是子组件和监听器的重新创建和销毁
v-show 无论条件是否满足都会渲染元素 通过css属性显示或隐藏 对应display属性
v-if条件很少改变 v-show频繁样式切换
v-if和v-for的优先级(不建议一起使用)
vue2 v-for的优先级高于 v-if
vue3 v-for的优先级低于v-if