Files
front-end-example/08-vue3/09-reactivity-helpers/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

655 B
Raw Blame History

练习 9toRef、toRefs 和 readonly

目标

学会把响应式对象里的字段拆出来继续保持响应式,并理解只读数据的使用场景。

你要练什么

  • toRef
  • toRefs
  • readonly

任务

  • reactive 管理学习者信息
  • toRef 单独取出 name
  • toRefs 拆出其余字段
  • readonly 包一层设置项
  • 点击按钮更新学习者信息并观察页面变化

文件