Vue2.x 源码世界

「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」 前言 当组件进行更新时，new Watcher(vm, updateComponent, ...) 中的 updateC

前言 前面的文章中提到组件更新时，需要先执行编译器生成的 渲染函数 得到组件的 vnode，而 渲染函数 生成 vnode 则是通过其中的 _c、_l、、_v、_s 等方法实现的. 比如： 普通节点

前言 前两篇主要了解了 vue 编译器的 解析 和 优化： 将组件的 html 模版解析成 AST 对象 基于 AST 语法树 进行静态标记，首先标记每个节点是否为 静态节点，然后进一步标记出静态 根

前言 编译器中的优化，其实就是做静态标记： 通过遍历 AST 对象，为每个节点做 静态标记，通过标记其是否为静态节点，然后进一步标记出 静态根节点，方便在后续更新过程中跳过这些静态节点 标记静态根用于

前言 Vue 编译器主要处理内容： 将组件的 html 模版解析成 AST 对象 优化 通过遍历 AST 对象，为每个节点做 静态标记，通过标记其是否为静态节点，然后进一步标记出 静态根节点，方便在后

前言 在之前的几篇文章中，都有提到 vue 中调用生命周期钩子时是通过 callHook() 方法进行调用的，比如在初始化篇章中调用 beforeCreate 和 created 生命周期钩子方式如下

前言 上一篇了解了 vue 全局 api 的相关内容，为了有更好的对比，本篇一起来看看 vue 中的实例方法吧！ 深入源码 index.js —— 入口文件 根据前面几篇文章的内容可以很容易知道，vu

前言 在使用 Vue 框架在进行开发时，不免会使用到一些 global-api 或者是实例上的 api（本质上也是调用了全局 api ，相当于是别名），用于解决在项目遇到的一些问题，比如：this.$

前言 在上一篇 如何理解 vue 响应式？ 中，了解到响应式其实是通过 Observer 类中调用 defineReactive() 即 Object.defineProperty() 方法为每个目标

「时光不负，创作不停，本文正在参加2021年终总结征文大赛」 书接上回 上一篇 我们通过 Vue 源码了解并总结了，Vue 初始化时需要进行哪些处理，其中遇到响应式的相关内容时选择了略读，没有进行深入

「时光不负，创作不停，本文正在参加2021年终总结征文大赛」 前言 最近想要对 Vue2 源码进行学习，主要目的就是为了后面在学习 Vue3 源码时，可以有一个更好的对比和理解，所以这个系列暂时不会涉