安汉生

思路： 接收一个loading属性来控制进度条的显示 监听loading的变化，为true，就用定时器不停的循环使percent不断增加，当为false，把定时器清除，进度条也隐藏 项目中对进度条的需

vue有一个私有的实例方法 _render ，这个方法获得vnode src/core/instance/render.ts 在最开始的文件 src/core/instance/index.ts 中，

$mount 方法在多个文件中都有定义，如 src/platform/web/runtime-with-compiler.ts、src/platform/web/runtime/index.ts。 因

一般我们在vue项目这样写 通过分析2.7.14版本 来看看vue如何一步步把数据渲染到dom中 定义 Vue 入口 src/core/instance/index.ts vue不使用类的方式来定义，

实现new操作符 实现bind 科里化 组合函数：将多个函数组合成一个函数 组合函数与管道函数的意义在于：可以把很多小函数组合起来完成更复杂的逻辑 组合函数执行是从右到左的。而管道函数，执行顺序是从左

样式不生效可能是 选择器优先级太低 选择器没有选中期望的元素 属性用的不对： 定位 绝对定位元素（包括fixed）特点 可以设置宽高（包括行内元素） 宽高默认由内容决定 不受标准流约束 不再向父元素汇

初始化watch src/core/instance/state.ts 1、遍历watch对象，或取每一个key对应的值handler，const handler = watch[key]，如果是数组

计算属性computed 接下来以上面这个例子举例分析 为每个计算属性创建watcher src/core/instance/state.ts 首先定义watchers和vm._computedWat

在通过 observe 方法去观察对象的时候会实例化 Observer，在它的构造函数中是专门对数组做了处理 覆盖原型或原型上某些方法 src/core/observer/index.ts 从上面代码