vue双向绑定原理是什么?

发布网友发布时间：2022-04-26 10:28

共1个回答

热心网友时间：2022-04-22 11:57

实现一个监听者Oberver来劫持并监听所有的属性，一旦有属性发生变化就通知订阅者，实现一个订阅者watcher来接受属性变化的通知并执行相应的方法，从而更新视图，实现一个解析器compile，可以扫描和解析每个节点的相关指令，并根据初始化模板数据以及初始化相对应的订阅者。

因为 view 更新 data 其实可以通过事件监听即可，比如 input 标签监听 'input' 事件就可以实现了。

而数据更新视图的重点是如何知道数据变了，只要知道数据变了，那么接下去的事都好处理。如何知道数据变了，就是通过Object.defineProperty( )对属性设置一个set函数，当数据改变了就会来触发这个函数，所以我们只要将一些需要更新的方法放在这里面就可以实现data更新view了。