Vue中如何实现数据双向绑定机制？

本文共计2327个文字，预计阅读时间需要10分钟。

1.+ 前言+本文适合学习Vue源码的初学者，阅读后，你将对Vue的数据双向绑定原理有一个深入的理解，认识Observer、Compile、Watcher三大角色（如图所示）及其所发挥的功能。

1. 前言

本文适合于学习Vue源码的初级学者，阅读后，你将对Vue的数据双向绑定原理有一个大致的了解，认识Observer、Compile、Wathcer三大角色（如下图所示）以及它们所发挥的功能。

本文将一步步带你实现简易版的数据双向绑定，每一步都会详细分析这一步要解决的问题以及代码为何如此写，因此，在阅读完本文后，希望你能自己动手实现一个简易版数据双向绑定。