web前端框架设计第四课-条件判断与列表渲染

web前端框架设计第四课-条件判断与列表渲染

一.预习笔记

1.条件判断

1-1:v-if指令:根据表达式的值来判断是否输出DOM元素
1-2:template中使用v-if
1-3:v-else
1-4:v-else-if
1-5:v-show(不支持template)
1-6:v-if与v-show的比较(P34)
2.列表渲染
2-1:v-for遍历指令


二.课堂笔记

三.课后回顾

--行动是治愈恐惧的良药,犹豫拖延将不断滋养恐惧

相关推荐
wuhen_n12 分钟前
Pinia状态管理原理:从响应式核心到源码实现
前端·javascript·vue.js
陆枫Larry29 分钟前
小程序 scroll-view 设置 padding 右侧不生效?用一层包裹解决
前端
晴殇i44 分钟前
CommonJS 与 ES6 模块引入的区别详解
前端·javascript·面试
Selicens1 小时前
git批量删除本地多余分支
前端·git·后端
wuhen_n1 小时前
KeepAlive:组件缓存实现深度解析
前端·javascript·vue.js
前端付豪1 小时前
Nest 项目小实践之图书展示和搜索
前端·node.js·nestjs
wuhen_n1 小时前
Vue Router与响应式系统的集成
前端·javascript·vue.js
青青家的小灰灰1 小时前
金三银四面试官最想听的 React 答案:虚拟 DOM、Hooks 陷阱与大型列表优化
前端·react.js·面试
HelloReader1 小时前
深入理解 Tauri 架构与应用体积优化实战指南
前端
lemon_yyds1 小时前
vue 2 升级vue3 : ref 和 v-model 命名为同名
前端·vue.js