什么是双向数据绑定？

VUE双向绑定其实是利用了Object.defineProperty(要操作的对象，要定义或修改的对象属性名，具体行为)这个方法重新定义了对象获取属性值（get）和设置属性值（set）的操作来实现的（核心）。

原理剖析(转载)

VUE采用的是数据劫持（通过Object.defineProperty劫持各个属性）结合发布者-订阅者的模式，发布者就是向订阅者告知事件已经到达了，你可以执行相应动作了，而订阅者就是在某些时间到达的时候可以通知它并执行相应的动作。

1.设置一个监听器，也就是Observe（发布者），用来监听所有的属性。Observe的就是之前写的Object.defineProperty（），因为属性值一般都是比较多，所有采用递归的方式遍历所有的属性值，从而达到监听所有属性的功能。

2.指令解析器Compile，对页面上的每个元素节点的指令进行扫描和解析，根据指令模板替换数据，以及绑定相应的更新函数。

3.Watcher（订阅者）是连接Observe和compile的桥梁，可以收到每个属性变化的通知，也就是说Observe一旦监听到属性有了变动，就需要去通知watcher，watcher收到属性变化然后去通知Compile并执行相应的更新函数，然后更新界面。

原文链接：https://blog.csdn.net/weixin_42966484/article/details/81666747