rou/front-end-example

Files

History

rou 2a65ba8c6a vue2

2026-03-26 21:45:32 +08:00

..

answer.html

feat: add Vue2 exercises for dynamic styles, lifecycle methods, component communication, and course management dashboard

2026-03-23 10:09:29 +08:00

answer.js

feat: add Vue2 exercises for dynamic styles, lifecycle methods, component communication, and course management dashboard

2026-03-23 10:09:29 +08:00

README.md

feat: add Vue2 exercises for dynamic styles, lifecycle methods, component communication, and course management dashboard

2026-03-23 10:09:29 +08:00

starter.html

feat: add Vue2 exercises for dynamic styles, lifecycle methods, component communication, and course management dashboard

2026-03-23 10:09:29 +08:00

starter.js

vue2

2026-03-26 21:45:32 +08:00

README.md

练习 7：生命周期和异步更新

目标

学会在合适的生命周期里加载数据，并理解页面更新的时机。

你要练什么

created
mounted
updated
beforeDestroy
destroyed
模拟异步请求

任务

请基于页面结构完成以下操作：

进入页面时显示 loading
在 mounted 里模拟异步获取课程数据
数据返回后渲染课程列表
在 updated 里输出更新日志
点击按钮时销毁当前实例，并观察销毁日志

文件