Bootstrap

Vue3初学之双向绑定v-model

一、双向绑定
Vue 3 的双向数据绑定主要通过 v-model 指令实现。v-model 是一个语法糖,它在内部为不同的表单控件元素提供了不同的实现方式。

二、组件内
1.文本输入框,多文本,复选框(checkbox),单选按钮(radio)
在这里插入图片描述

三、组件间的传递
当Vue 3.2以上的时候,可以使用defineModel来使用。
在这里插入图片描述
CustomInput.vue
在这里插入图片描述

四、结果显示
在这里插入图片描述

;