Vue中双向数据绑定是如何实现的
Posted 一只燕仔
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue中双向数据绑定是如何实现的相关的知识，希望对你有一定的参考价值。
采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。
主要分为三部分：
observer主要是负责对Vue数据进行数据劫持，使其数据拥有get和set方法
Compile解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面视图，并将每个指令对应的节点绑定更新函数
watcher负责数据监听，当数据发生改变通知订阅者，调用视图更新函数更新视图
以上是关于Vue中双向数据绑定是如何实现的的主要内容，如果未能解决你的问题，请参考以下文章