本课时课堂练习包 · 使用说明
====================================

一、包里有什么
  App.vue         本课的可复制粘贴版组件（完整、可直接运行）
  练习记录.md      练习记录模板，边做边填
  使用说明.txt      本文件

二、怎么用
  1. 准备一个 npm create vue@3.12.0 创建的工程：
         npm create vue@3.12.0 lesson-vue-04
         cd lesson-vue-04
         npm install
         npm install element-plus
     （创建工程时各选项按讲义「第 4 页」的提示选择；TypeScript / Router / Pinia 均选 No）

  2. 建议清空 src/assets/main.css（脚手架默认样式会把页面挤成两栏）。

  3. 用文本编辑器打开本包里的 App.vue，全选复制，
     整段覆盖工程中的 src/App.vue，保存。

  4. 启动：
         npm run dev
     浏览器打开终端提示的 http://localhost:5173 即可看到效果。

三、注意
  · 本课的 App.vue 自带 Element Plus 的按需引入与样式引入，
    不依赖 main.js 的全局注册，单独粘贴即可运行。
  · 前提是工程里已经执行过 npm install element-plus。
  · 涉及路由 / 状态管理 / 请求 / 图表等课时的 App.vue，用「自写极简实现」把
    原理跑起来（只依赖 vue + element-plus，粘上就能跑，不需要额外装包）；
    讲义里同时给出了 vue-router / pinia / axios / ECharts 的正式写法，
    正式项目请按讲义的写法安装并使用对应库。
  · 改代码保存后浏览器会自动刷新；报错请看浏览器控制台（F12 → Console）。
