简述原理

大家都知道vue是数据驱动的,而提到数据那就要提到vue的数据绑定,在vue.js的2.0版本中是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。vue的数据双向绑定通过v-model指令来实现。
v-model其实是个语法糖,它实际上是做了两步动作:
1、绑定数据value
2、触发输入事件input

在vue中数据绑定过程

公众号噜噜科技君

最后修改:2021 年 07 月 01 日 11 : 25 PM
本文作者:博主:    
文章标题:Vue的双向数据绑定原理
本文地址:https://www.iftiger.com/archives/24.html     
版权说明:若无注明,本文皆为“泰戈尔のBlog”原创,转载请保留文章出处。
如果觉得我的文章对你有用,可以对我进行您主观即不限定金额大小的打赏。