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

- Implement dynamic styles and event handling in Vue2 with a card component.
- Create lifecycle methods exercise to simulate async data loading and instance destruction.
- Develop a component communication exercise with props, events, and slots.
- Build a comprehensive course management dashboard with filtering, statistics, and component interactions.
This commit is contained in:
charlie
2026-03-23 10:09:29 +08:00
parent 00d3c9e4c6
commit 3435848495
48 changed files with 1705 additions and 48 deletions

View File

@@ -0,0 +1,17 @@
new Vue({
el: "#app",
data: {
courseTitle: "Vue2 模板语法",
teacher: "李老师",
coverUrl: "https://picsum.photos/800/320?random=21",
courseLink: "https://cn.vuejs.org/",
isCollected: false,
},
methods: {
toggleCollect() {
// 任务:
// 1. 切换 isCollected
// 2. 在控制台输出最新收藏状态
},
},
});