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.

README.md

@@ -10,6 +10,7 @@
 - `04-dom-events-async`：预留给 DOM + 事件 + 异步
 - `05-es6-plus`：预留给 ES6+（现代 JS）
 - `06-typescript`：预留给 TypeScript
+- `07-vue2`：预留给 Vue2
 
 ## 当前可学内容
 
@@ -56,7 +57,14 @@
 - `answer.ts` 参考答案
 - `Vite + TypeScript` 学习面板
 
-前六部分现在都已经补充到“核心主线 + 常见细分知识点”。
+现在也已经整理好 `07-vue2`，里面包含：
+
+- Vue2（理解框架思想）讲义
+- 分阶段练习
+- `starter.html` / `starter.js` 起始代码
+- `answer.html` / `answer.js` 参考答案
+
+前七部分现在都已经补充到“核心主线 + 常见细分知识点”。
 
 ## 使用方式
 
@@ -66,9 +74,10 @@
 4. 再阅读 [04-dom-events-async/README.md](/Users/lijiaqing/home/wwwroot/front-end-example/04-dom-events-async/README.md)
 5. 再阅读 [05-es6-plus/README.md](/Users/lijiaqing/home/wwwroot/front-end-example/05-es6-plus/README.md)
 6. 再阅读 [06-typescript/README.md](/Users/lijiaqing/home/wwwroot/front-end-example/06-typescript/README.md)
-7. 按顺序完成每个练习目录
-8. 先写 `starter.html`、`starter.css`、`starter.js` 或 `starter.ts`
-9. 写完后再对照答案文件
-10. 学 `06-typescript` 时，也可以进入 [06-typescript](/Users/lijiaqing/home/wwwroot/front-end-example/06-typescript) 后执行 `npm install` 和 `npm run dev`
+7. 再阅读 [07-vue2/README.md](/Users/lijiaqing/home/wwwroot/front-end-example/07-vue2/README.md)
+8. 按顺序完成每个练习目录
+9. 先写 `starter.html`、`starter.css`、`starter.js` 或 `starter.ts`
+10. 写完后再对照答案文件
+11. 学 `06-typescript` 时，也可以进入 [06-typescript](/Users/lijiaqing/home/wwwroot/front-end-example/06-typescript) 后执行 `npm install` 和 `npm run dev`
 
 如果你后面要继续学其他知识点，我可以按同样结构继续给你补更多工程化目录。