vue的那点事-Vue 指令之v-show和v-if

64 阅读1分钟

image.png

v-show 底层原理:切换css的disaplay:nooe 来控制显示隐藏

原理:切换元素的样式进行控制 display:none 控制显示隐藏

场景:频繁切换显示隐藏的场景


v-if 底层原理:根据判断条件控制元素的创建和移除(条件渲染)

原理:基于条件判断,是否创建或移除元素节点

场景:要么显示,要么隐藏,不频繁切换的场景