vue 中数据双向绑定的原理是什么

2023-12-23 14:47:22

vue实现数据的双向绑定主要输采用数据劫持结合开发者==》订阅者模式的方式，通过object.defineProperty()来劫持各个属性的setting（设置）和getting（获取），在数据变动时发布消息给订阅者，触发相应的监听回调。

当把一个普通的JavaScript对象传给vue实例来作为他的data选项时，vue将遍历他的属性，用object.defineProperty()将他们转化为getting和setting。