简单来说就是：将 *.vue 文件变成 *.bundle.js，然后放入浏览器运行。 以上的输出就是最终可以拿到浏览器上运行的 javaScript，尽管笔者已经删除了一些会影响理解的部分代码，但是这么直接观察这个文件，难免还是无从下手。 那么我们继续细化分析步骤，vue-lo…

vue 在使用上入门并没有什么太高的门槛，但前端同学们也不该仅仅停留在使用上。以 vue 设计、编码之优秀，足当抽丝剥茧，扒开它的外壳，深入其原理。让我们一起来刺破 vue 的心脏 vue 核心执行过程图 vue 核心的执行过程主要分为这几个阶段：1） 编译模板，生成可复用的 rend…

接下来就是mountComponent。这里面有一个关键点 vm._watcher = new Watcher(vm, updateComponent, noop)，这个其实就是上篇中说到的依赖收集的一个触发点。你可以想想，组件在这个时候其实数据已经完成了响应式转换，就坐等收集…