两者作用都为控制元素显示隐藏
v-show(本质上是控制css样式)
语法:v-show =“表达式” 表达式值true显示,false 隐藏
原理:切换display:none控制显示隐藏
场景:频繁切换显示隐藏的场景
v-if是一种条件渲染
语法:v- if =“表达式” 表达式值true显示,false 隐藏
原理:基于条件判断,是否创建或移除元素节点
场景:要么显示,要么隐藏,不频繁切换的场景
两者作用都为控制元素显示隐藏
v-show(本质上是控制css样式)
语法:v-show =“表达式” 表达式值true显示,false 隐藏
原理:切换display:none控制显示隐藏
场景:频繁切换显示隐藏的场景
v-if是一种条件渲染
语法:v- if =“表达式” 表达式值true显示,false 隐藏
原理:基于条件判断,是否创建或移除元素节点
场景:要么显示,要么隐藏,不频繁切换的场景