![v2-b09c7dbd12978d16dd7cb98adb7ede43_1440w.jpg?source=172ae18b](http://img-03.proxy.5ce.com/view/image?&type=2&guid=b1d3c2be-4d2e-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-b09c7dbd12978d16dd7cb98adb7ede43_1440w.jpg?source=172ae18b)
你可以用v-model
指令在表单<input>
、<textarea>
及<select>
元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但v-model
本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。 ———— 摘自 vue 官网
关于 v-model 的使用这里不再赘述。这里只讨论如何在自定义组件实现 v-model。根据vue 的官网的描述,我们大概知道,v-model 的本质就是语法糖,即:
<input type="text" v-model="name">
相当于:
<input type=