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.
This commit is contained in:
charlie
2026-03-24 23:02:58 +08:00
parent 3435848495
commit d0d8be443b
41 changed files with 1551 additions and 5 deletions

View File

@@ -0,0 +1,26 @@
# 练习 13script 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)