# 练习 5：props 和 emit

## 目标

学会在 Vue3 里写基础组件通信。

## 你要练什么

- `props`
- `emit`
- 组件拆分

## 任务

- 把课程项拆成子组件
- 父组件传入课程对象
- 子组件点击按钮后通知父组件切换完成状态

## 文件

- [starter.html](/Users/lijiaqing/home/wwwroot/front-end-example/08-vue3/05-props-and-emits/starter.html)
- [starter.js](/Users/lijiaqing/home/wwwroot/front-end-example/08-vue3/05-props-and-emits/starter.js)