# 练习 3：v-model 和表单

## 目标

学会用 `v-model` 处理输入、选择和实时预览。

## 你要练什么

- `v-model`
- 输入框
- 多行文本
- 下拉框
- 单选框
- 复选框

## 任务

请基于页面结构完成以下操作：

- 输入昵称并实时显示
- 输入学习目标并实时显示
- 选择当前阶段并显示结果
- 选择偏好的学习节奏
- 勾选已经掌握的基础能力

## 文件

- [starter.html](/Users/lijiaqing/home/wwwroot/front-end-example/07-vue2/03-v-model-and-form/starter.html)
- [starter.js](/Users/lijiaqing/home/wwwroot/front-end-example/07-vue2/03-v-model-and-form/starter.js)
- [answer.html](/Users/lijiaqing/home/wwwroot/front-end-example/07-vue2/03-v-model-and-form/answer.html)
- [answer.js](/Users/lijiaqing/home/wwwroot/front-end-example/07-vue2/03-v-model-and-form/answer.js)