Vue-Object.defineProperty:Vue源码解析之手写Vue源码-源码解析

前言 现在前端面试Vue中都会问到响应式原理以及如何实现的，如果你还只是简单回答通过Object.defineProperty（）来劫持属性可能已经不够了。 本篇文章通过学习文档及视频教程实现手写一个简易的Vue原始码实现数据双向绑定，解析指令等。 几种实现双向绑定的做法 目前几种主流的mvc（vm）框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入的元素（输入，textare等）添加了（输入）事件，来动态修改模型和视图，并没有多高深，所以无需太过介怀是实现的单向或双向绑定。 实现数据绑定的做法有大致如下几种： 发布者-订阅者模式（backbone.js） 脏值检查(angular.js) 数据劫持(Vue.js) 发布者-订阅者模式 一般是通过sub，pub的方式来实现数据和试图的绑定坚决听，更细数据方法通常做法是vm.set（'property'，va