摘要：上一篇文章实现了v-bind， v-on指令以及methods等，这一篇来实现computed和watch; 1. computed 在Vue实例中通过this可以直接访问computed中的计算属性，而且它可以实现缓存，并且只有当依赖的数据变化才会更新; 1.1 ComputedWatcher 需 阅读全文

摘要：上一篇文章实现了数据的双向绑定，这一篇来实现v-bind， v-on指令以及methods等。 1. v-model语法糖指令拆分处理 1.1 首先来修改判断是否是指令的函数 isDirective(attrName){ return attrName.startsWith('v-on:')||at 阅读全文

摘要：上一篇文章实现了模板数据展示到视图上面，这一篇来实现数据的双向绑定。 Watcher 实现一个Watcher，可以收到属性的变化通知并执行相应的函数，从而更新视图。 这里的实现需要结合发布订阅者模式。 1. Dep类的实现 完成对于依赖的收集和触发 class Dep{ constructor(){ 阅读全文

摘要：从零开始一步一步实现个简易版vue，包含响应式，computed，watch，methods等原理。 MVVM原理 Vue2.0 响应式原理最核心的方法便是通过Object.defineProperty()来实现对属性的劫持，达到监听数据变动的目的； 关于Vue响应式机制，Object.define 阅读全文