ayanamiRei

前言我将参考下面这张图实现一个简单的伪MVVM模式主要针对compile,observer,watcher,dep四个文件目录结构jscompile.jsdep.jsobserver.jsvue.js

通过递归的方式将data中的property转化为getter/setter。

前言预期将下面模板进行编译编译各个阶段呈现ast树结构(语法层面的描述jscsshtml)render函数(用来生成虚拟dom)vnode正题compileToFunction方法(编译初始化)par

前言本章项目地址通过Vue.component方法创建一个方法基于Object.create(Vue.prototype)newVue()是否存在componets进行合并,并可通过(__proto_

前言本章项目地址拿beforeCreate举例,在new实例将所有beforeCreate(可能多个，如Vue.mixin)放到一个数组当中在其数据初始化前循环调用生命周期是在某个时刻就将其调用正题示

前言本章项目地址当数据发生变化视图也在发生变化每个组件都有一个渲染watchernewWatch()(观察者模式）在newWatche()组件开始渲染组件，在render函数生成vnode时，调用了劫

前言本章项目地址为什么异步更新，拿data中的属性举例，如果某个数据多次的去赋值，每次都去重新编译、比较vnode、渲染Dom耗费性能我们把更新视图的数据行为收集起来，去重，防抖通过异步行为实现(如s

前言本章项目地址watch中每个属性都会new一个用户watcher(newWatcher)在数据初始化得时候开始newWatcher,Dep.target指向此时的用户watcher,此时该属性中的

前言本章项目地址计算属性默认不执行Object.defineProperty=>getter多次取值如果依赖值不发生变化，就不会重新执行,主要是计算watcher里dirtydirty=true就是脏