Vue.js 源码分析（响应式、虚拟 DOM、模板编译和组件化）

「这是我参与2022首次更文挑战的第26天，活动详情查看：2022首次更文挑战」 Vue.js源码分析 - 组件化 接下来我们要进行回顾Vue的组件化，组件化是Vue中的一个很重要的概念，Vue的核心

「这是我参与2022首次更文挑战的第24天，活动详情查看：2022首次更文挑战」 optimize 与 generate 函数 接下来我们要进行查看 Vue 中 如何把优化好的 ast对象转换为 js

「这是我参与2022首次更文挑战的第23天，活动详情查看：2022首次更文挑战」 Vue.js 源码分析 - parse parse 解析器将模板解析为抽象语树 AST，只有将模板解析成 AST 后，

「这是我参与2022首次更文挑战的第23天，活动详情查看：2022首次更文挑战」 模板编译 本章呢，还是我最喜欢的炒冷饭环节，通过Vue中的源码，学习模板编译的过程 模板编译的主要目的 模板编译的主要

「这是我参与2022首次更文挑战的第21天，活动详情查看：2022首次更文挑战」 nextTick 首先先让我们回顾一下：异步更新队列-nextTick() Vue 更新 Dom 是异步执行的，批量的

「这是我参与2022首次更文挑战的第20天，活动详情查看：2022首次更文挑战」 Vue.js 源码分析 - watcher 源码 接下来我们来查看 $watcher方法的实现 创建监听器 路径：sr

「这是我参与2022首次更文挑战的第19天，活动详情查看：2022首次更文挑战」 Vue.js 源码分析 - set-源码 定义位置 Vue.set() -构造函数的中的方法，也就是静态方法 glob

「这是我参与2022首次更文挑战的第17天，活动详情查看：2022首次更文挑战」 数据响应式原理-数组 数组的响应式核心代码，在Observer类的构造函数中 路径：Observer：src\core

「这是我参与2022首次更文挑战的第16天，活动详情查看：2022首次更文挑战」 数据响应式原理-依赖收集 依赖收集其实就是把依赖该属性的watcher对象添加到 dep 对象的 subs 数组中，当

「这是我参与2022首次更文挑战的第15天，活动详情查看：2022首次更文挑战」 数据响应式原理-Observer 本章我们要解析 Observer 对象是怎么进行 响应式处理的 Observer 类

「这是我参与2022首次更文挑战的第13天，活动详情查看：2022首次更文挑战」 数据响应式原理-处理入口 通过查看源码解决下面问题 vm.msg = { count: 0 },重新给属性赋值，是否响

「这是我参与2022首次更文挑战的第11天，活动详情查看：2022首次更文挑战」 Vue.js - 响应式 题解 前言 只要功夫深，铁杵磨成针 理论功夫再多也需要实践出真章，接下来，让我们进入实践环节

「这是我参与2022首次更文挑战的第10天，活动详情查看：2022首次更文挑战」 patchVnode 接下来，我们要进行patch函数中最后一个函数patchVnode的代码解析了 作用 patch

「这是我参与2022首次更文挑战的第10天，活动详情查看：2022首次更文挑战」 removeVnode 和 addvnodes 本章我们继续进行Snabbdom 源码解析篇章，我们的目标是 remo

「这是我参与2022首次更文挑战的第9天，活动详情查看：2022首次更文挑战」 createElm函数 createElm函数的作用是把VNode节点转换成对应的DOM元素，把DOM元素存储在对象的

「这是我参与2022首次更文挑战的第8天，活动详情查看：2022首次更文挑战」 调试 patch 函数 对于我这种菜逼新人，直接阅读源码感觉十分的吃力，如果可以一边调试一边对代码进行阅读的话就会轻松很

「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」 patch 接下来我们要学习 VNode 渲染成真实DOM的过程，但是这个过程比较复杂，也是Snabbdom的核心，那么

「这是我参与2022首次更文挑战的第6天，活动详情查看：2022首次更文挑战」 init 在我们之前使用 Snabbdom 简单Demo的时候都知道，我们需要调用 init 方法，返回patch函数，

「这是我参与2022首次更文挑战的第5天，活动详情查看：2022首次更文挑战」 VNode 我们都知道 h函数 通过调用 vnode 方法创建了一个 VNode对象，并且返回了这个值，下面我们就来看这

「这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」 h 函数 通过上一章节 【Snabbdom 源码解析 - 开篇】 介绍的部分之后，我们就要正式进入代码的学习中了！ 我们