一、指令分类:
条件渲染指令:
v-if
v-show
二、指令作用解释:
他们的作用是用于 主要用于条件判断 如果条件成立 就显示内容 否则不显示
三、语法格式:
语法:
<标签 v-if="条件判断">数据</标签>
<标签 v-ishow="条件判断">数据</标签>
四、指令区别:
他们之间的区别:
1.v-if他是条件成立 就创建控件
条件不成立 就删除控件
- v-show他是条件成立就显示控件
条件不成立 就隐藏 控件 他 (v-show) 不会删除控件
五、使用原则
原则:
如果控件偶尔使用(用的很少),一般使用v-if 条件成立时创建控件 条件不成立 就删除控件
这样可以避免资源浪费****( 十天半个月不用 )
如果控件会频繁使用 一般使用v-show,用的时候显示,不用的时候隐藏,这样可以避免频繁删除控件 带来的额外资源消耗
六、共同点:
条件满足就显示 不满足就不显示
七、代码展示:
八、运行结果:
