请详细说明 Vue 中 v-model 的实现原理、在表单元素上的用法以及在不同组件间双向绑定的方法。
考察说明
考察对 Vue 双向绑定机制的理解深度及应用能力
回答思路
- 能解释 v-model 在原生表单元素上是 `value` 属性和 `input` 事件的语法糖
- 能说明组件上 `modelValue` 与 `update:modelValue` 的默认约定
- 能阐述自定义事件配合 v-model 实现父子组件双向通信
- 能提到修饰符如 `.number`、`.trim` 或 `.lazy` 的作用
- 能简要说明 Vue 3 中与 Vue 2 使用 `.sync` 或 `.model` 选项的差异
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。