v-model双向绑定原理

使用@input绑定当前输入框

绑定成功以后对文本框值的改变都会发生响应。

将文本框输入的值打印到页面上

简化以上代码

v-model 可以在组件上使用以实现双向绑定。

从 Vue 3.4 开始，推荐的实现方式是使用 defineModel() 宏：

v-model 不需要上面那么复杂只需要定义只需要使用v-model 替换 value 属性即可达到以上效果

通过v-model可以给下拉框绑定一个属性

 

 v-model绑定一组单选框，每个单选框指定相同的属性