vue从入门到精通(十一):条件渲染

条件渲染

1.v-if

写法:

(1).v-if="表达式"

(2).v-else-if="表达式"

(3).v-else="表达式"

适用于:切换频率较低的场景。

特点:不展示的DOM元素直接被移除。

注意:v-if可以和:v-else-if、v-else一起使用,但要求结构不能被"打断"

2.v-show

写法:v-show="表达式"

适用于:切换频率较高的场景。

特点:不展示的DOM元素未被移除,仅仅是使用样式隐藏掉

3.备注

使用v-if的时候,元素可能无法获取到,而使用v-show一定可以获取到。

相关推荐
徐同保18 小时前
为什么修改 .gitignore 后还能提交
前端
一只小bit18 小时前
Qt 常用控件详解:按钮类 / 显示类 / 输入类属性、信号与实战示例
前端·c++·qt·gui
Mr -老鬼18 小时前
前端静态路由与动态路由:全维度总结与实践指南
前端
Nan_Shu_61419 小时前
学习: Threejs (1)
javascript·学习
颜酱19 小时前
前端必备动态规划的10道经典题目
前端·后端·算法
wen__xvn19 小时前
代码随想录算法训练营DAY10第五章 栈与队列part01
java·前端·算法
Van_Moonlight19 小时前
RN for OpenHarmony 实战 TodoList 项目:加载状态 Loading
javascript·开源·harmonyos
大怪v20 小时前
前端佬们!!AI大势已来,未来的上限取决你的独特气质!恭请批阅!!
前端·程序员·ai编程
Mr -老鬼21 小时前
功能需求对前后端技术选型的横向建议
开发语言·前端·后端·前端框架
qq_4061761421 小时前
关于JavaScript中的filter方法
开发语言·前端·javascript·ajax·原型模式