1、1 在Vue中，每个组件都有一个对应的虚拟DOM树，它是一个以组件根节点为起点的JavaScript对象2 当数据发生改变时，Vue会重新计算虚拟DOM树的结构，并和旧的虚拟DOM树进行比较3 在比较过程中，Vue使用Diff算法来找出。

2、lazyjs 默认导出一个函数，该函数返回一个 Lazy 类，形成闭包，保持对 Vue 的引用判断是否支持Webp图片 srclistenerjs 定义变量接收实例化参数filter 方法将配置的 filter 对象中的方法执行，接收两个参数，一个。

3、这个功能比较简单，在处理prop中做个判断， 属性是否满足 ^onAZi这个格式，如果是这个格式，则进行事件注册，但是vue3会做事件缓存，这个是怎么做到缓存也好实现，在传入当前的el中增加一个属性 el_vei el。

4、Vue 采用的 Diff 算法则通过逐级对比，大大降低了复杂性，时间复杂度为 OnVNode 更新首先会经过 patch 函数， patch 函数源码如下vnode 表示更新后的节点，oldVnode 表示更新前的节点，通过对比新旧节点进行操作。

5、计算出computed函数的值，然后通过 进行依赖搜集Deptarget指向当前组件的渲染watcher，进入watcherdepend看看是怎么进行依赖搜集的 文件位于 srccoreobserverwatcherjs 第一个问题thisdeps的赋值 是在cleanupDeps函数。

6、vue源码中最终执行生命周期函数都是调用 callHook 方法， callHook 函数的逻辑很简单，根据传入的生命周期类型 hook ，去拿到 vm$optionshook 对应的回调函数数组，然后遍历执行，执行的时候把 vm 作为函数执行的。

7、会把源码文件在内部转为 node 模块，vue 文件中的 script 内容也被转换了，其中的 __filename 在编译时被运行，直接得到当前文件自身路径使用这个变量还需要在 webpack 配置中启用 node__filename*。

8、c = obj=objd ，所以，就是返回一个对象的 ，相当于是遍历字符串中的属性树在执行 =55 的同时，我们的控制台就会输出 ok 55 10 尚硅谷Vue源码解析之数据响应式原理。

9、打包的资源为了回答这个问题，我们首先要明白Webpack是如何处理静态资源的在*vue组件里，所有的templates和CSS模块都被vuehtmlloader和cssloader解析来查找路径URL举个例子，在和背景background urllogopng，”。

10、这些内容是博主在学习过程中记录下来的，有一些不重要的点就跳过了，需要时自行查询文档其实 V2 到 V3 的学习成本不高，熟悉 V2 的话，看完这篇文章就可以上手 V3 Vue3官网 在线源码编译地址 setup 是所有。

11、p = searchperson！== 1 这个= 是箭头函数，会绑定作用域this不是指函数作用域，而是上级作用域的this，这里没用到，可以不用管，并返回后面js的结果转化成普通函数就 相当于 function p。

12、不能1在Vue源码打包的过程中，源代码会被经过编译压缩处理，使vue源码打包不能反解2vue源码打包后，会对代码进行压缩，删除空白字符注释，以减小文件体积。

13、参见Vue2源码 corevdompatchjsfunction updateChildren parentElm， oldCh， newCh， insertedVnodeQueue， removeOnly while oldStartIdx lt= oldEndIdx newStartIdx lt= newEndIdx if isUndefoldStartVnode。

14、如果配置了的话，就会执行对应的配置vuecliserviceserve vuecliservice也是一个命令，当npm的脚本执行的时候就会去执行当前项目目录下的node_modulesbinvuecliservicecmd这个文件可自行查看源码vuecliservice。

15、#8226 框架 全方位功能 一指令 指令Directives是带有 v 前缀的特殊属性插值表达式和vtext指令被直接解析为字符串元素绑定 vhtml 指令后，解析了msg 变量值里面的html标签，输出真正的html元素v。