前言
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"