返回全部路线
渐进式前端框架
Vue
从应用实例与模板开始,逐步学习响应式状态、组件、路由与组合式 API。
22
已归档课程
更新至 2026.09.30
课程目录
按顺序学习,也可以直接搜索
22 节课程
- 第 1 课应用实例与模板插值Vue 可以把 JavaScript 数据声明式地显示到 HTML 模板中,数据变化后界面会自动更新。2026.08.31
- 第 2 课vbind 属性绑定让链接地址、图片路径和禁用状态等属性随响应式数据变化。2026.09.01
- 第 3 课von点击事件通过按钮修改页面显示的学习次数。2026.09.02
- 第 4 课vif与velse条件渲染根据完成状态切换练习提示。2026.09.03
- 第 5 课vshow与显示切换频繁显示或隐藏一条辅助提示。2026.09.04
- 第 6 课vif条件渲染只在满足条件时创建提示内容。2026.09.07
- 第 7 课vfor列表渲染根据一组课程数据重复生成列表项。2026.09.08
- 第 8 课computed派生状态根据原始课程列表计算完成数量,避免维护重复状态。2026.09.09
- 第 9 课watch响应副作用在响应式值变化后执行记录或请求。2026.09.10
- 第 10 课watch清理副作用在下一次监听回调前取消旧任务。2026.09.11
- 第 11 课vmodel双向绑定输入把输入框内容同步到响应式变量,用于预览、校验和提交。2026.09.14
- 第 12 课vmodel.trim清理输入在双向绑定时去掉输入首尾空白,减少提交前重复处理。2026.09.15
- 第 13 课vmodel.number转换数值让时长输入直接同步为数值。2026.09.16
- 第 14 课校验数值输入范围用计算属性从 number 输入派生范围校验结果。2026.09.17
- 第 15 课阻止无效提交范围校验失败时不把课程加入列表。2026.09.18
- 第 16 课关联输入框与错误提示让辅助技术知道时长输入是否无效,以及对应提示位于哪里。2026.09.21
- 第 17 课无效提交立即显示字段错误用户未离开输入框就直接提交时,也立即看见已有范围错误。2026.09.22
- 第 18 课无效提交时聚焦时长输入时长超出范围且用户点击提交时,把焦点移回出错字段。2026.09.23
- 第 19 课提交成功后清空时长输入保存一条练习时长后清空字段,准备输入下一条。2026.09.24
- 第 20 课显示已提交时长列表成功保存练习时长后,立即在表单下方看到已有记录。2026.09.28
- 第 21 课为练习记录添加稳定标识为上一课列表中的每条记录绑定稳定 ID。2026.09.29
- 第 22 课反转记录时保持行身份验证列表重排后每条练习记录仍由业务 ID 标识。2026.09.30