rou/front-end-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
d0d8be443b1edd56177ad972c24fb77a42bd82cf
front-end-example/08-vue3/13-script-setup-macros/README.md
charlie d0d8be443b feat: Add Vue3 exercises and interview plan 
- Introduced Vue3 exercises covering composable API, reactivity, lifecycle hooks, and built-in components.
- Added structured interview plan for frontend candidates focusing on HTML, CSS, JavaScript, TypeScript, and Vue.
- Included starter files for each exercise and detailed README documentation for guidance.
2026-03-24 23:02:58 +08:00

671 B
Raw Blame History

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

目标

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

你要练什么

  • <script setup>
  • defineProps
  • defineEmits
  • defineExpose

说明

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

任务

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

文件