v-model双向绑定

1.v-model是什么？

v-model 是Vue框架的一种内置的API指令，本质是一种语法糖写法。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。

2.v-model作用

v-model指令可以在表单 input、textarea以及select元素上创建双向数据绑定。

3.v-model的原理

通过数据劫持结合发布订阅者的模式和object.defineProperty()来劫持各个属性的setter、getter。如果数据有变动，就发布消息给订阅者，触发监听回调来渲染视图。

4.代码展示

<input type="text" v-model:value="value">
<!-- 简写 -->
<input type="text" v-model="value">

---

总结

以上就是今天要讲的内容。