Vue.js

vue2.0的双向数据绑定原理（手动实现） 一句话概括：数据劫持（Object.defineProperty）+发布订阅模式 一.首先了解什么是发布订阅模式 二.new Vue()的时候做了什么？ 一句话概括：数据劫持（Object.defineProperty）+发布订阅模式 双向数据绑定有三大核心模块（dep 、observer、watcher）,它们之间是怎么连接的，下面来一一介绍。 为了大家更好的理解双向数据绑定原理以及它们之间是如何实现关联的，先带领大家复习一下发布订阅模式。 一.首先了解什么是发布订阅模式 直接上代码： 一个简单的发布订阅模式，帮助大家更好的理解双向数据绑定原理 //发布订阅模式 function Dep ( ) { this . subs = [ ] //收集依赖（也就是手机watcher实例）， } Dep . prototype . addSub = function ( sub ) { //添加订阅者 this . subs . push ( sub ) ; //实际上添加的是watcher这个实例 } Dep . prototype . notify = function ( sub ) { //发布，这个方法的作用是遍历数组，让每个订阅者的update方法去执行 this . subs . forEach ( ( sub ) => sub .