【Vue3 第十五章】组件中的双向绑定

前言

Vue的双向绑定是指数据变化能引起界面的变化，界面数据的变化也能驱动数据的改变。
双向绑定其实不是所有的元素/组件都支持的，目前Vue仅支持 <input>、<textarea>、<select> 等元素利用 v-model 指令进行双向绑定。
v-model本质上是语法糖，为不同的表单元素使用不同的属性值并抛出不同的事件。如下代码，v-model为input元素绑定了value属性和input事件。

<input v-model="searchText" />

等价于

<input :value="searchText" @input="searchText = $event.target.value"