# 练习 6：slot 与 provide / inject

## 目标

学会更灵活地组织组件树中的内容和共享信息。

## 你要练什么

- `slot`
- `provide`
- `inject`

## 任务

- 用插槽自定义卡片按钮文案
- 父组件通过 `provide` 提供主题色
- 子组件通过 `inject` 使用主题信息

## 文件

- [starter.html](/Users/lijiaqing/home/wwwroot/front-end-example/08-vue3/06-slots-and-provide-inject/starter.html)
- [starter.js](/Users/lijiaqing/home/wwwroot/front-end-example/08-vue3/06-slots-and-provide-inject/starter.js)