动手：从 API 拿数据显示

你要做什么

从免费公开 API 拿数据（比如天气、名言），显示在网页上。

⏱️ 15 分钟 | 🛠️ Vue 3 + fetch

跟着做

帮我做一个从 API 获取数据并显示的页面（Vue 3）：
1. 调用这个免费 API：https://api.quotable.io/random（返回一句随机名言）
2. 页面显示名言内容和作者
3. 有一个"换一句"按钮，点击重新获取并显示
4. 加载时显示"加载中..."
5. 如果请求失败，显示错误提示
6. 设计简洁，名言用引号装饰，大号字体

理解 fetch

const response = await fetch('https://api.quotable.io/random');
const data = await response.json();
// data = { content: "...", author: "..." }

fetch 是浏览器内置的网络请求方法。await 表示”等数据回来再往下执行”。

🎯 进阶挑战

• 换一个 API（比如天气、汇率）
• 加上缓存：刷新不重新请求
• 显示加载时用骨架屏代替文字

✅ 你做到了

• 学会了用 fetch 调用 API
• 理解了异步请求和 await
• 处理了加载和错误状态