vue如何实现双向数据绑定?

深藏阁楼爱情的钟 2021-08-14 02:07 621阅读 0赞

vue中实现数据绑定的一个重要点:

  • Object.defineProperty()函数


那么Object.defineProperty()底层提供了两个API,一个是get,一个是set。
当我们给obj.test属性赋值时,会发现set函数触发了,那这就和我们去手动添加监听事件不一样了,当我们改变obj.test的值时,会自动触发set。而我们去获取obj.test的值时,也会自动触发get方法。
在这里插入图片描述
可以看到,当我们在控制台改变了obj.test的值时,会自动触发set事件,从而实现了数据绑定。

发表评论

表情:
评论列表 (有 0 条评论,621人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Vue数据双向实现

    实现原理 利用Proxy代理实现对对象的代理,重写set方法,在对该代理对象就行赋值时,更新绑定该对象属性值的DOM元素。 首先定义两个input标签以及它们的labe