vue.js双向绑定原理

其实vue.js双向绑定原理的原理也不是非常的复杂,其主要采用的就是将数据劫持和发布者-订阅者模式相结合的方式,具体就是通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。我们先来看Object.defineProperty()这个方法:(如下图所示)
vue.js双向绑定原理_第1张图片
已经了解到vue是通过数据劫持的方式来做数据绑定的,其中最核心的方法便是通过Object.defineProperty()来实现对属性的劫持,那么在设置或者获取的时候我们就可以在get或者set方法里假如其他的触发函数,达到监听数据变动的目的,无疑这个方法是本文中最重要、最基础的内容之一。
 

你可能感兴趣的:(js,js)