# 练习 13：script setup、defineProps、defineEmits、defineExpose

## 目标

补上 Vue3 在工程化单文件组件里的核心宏语法。

## 你要练什么

- `<script setup>`
- `defineProps`
- `defineEmits`
- `defineExpose`

## 说明

这一题不是浏览器 CDN 练习，而是单文件组件语法练习，需要放在 `Vite + Vue3` 之类的工程里使用。

## 任务

- 给子组件定义 `title` 和 `finished` 两个 props
- 定义 `toggle` 事件并在按钮点击时触发
- 暴露一个 `focusAction` 方法给父组件调用

## 文件

- [starter.vue](/Users/lijiaqing/home/wwwroot/front-end-example/08-vue3/13-script-setup-macros/starter.vue)