1、一个vue页面2000行代码可以主要是通过vue原理及特点自己实现的简易vue框架，和源码相比不乏有些粗糙，但是对于JavaScript功底薄阅读源码有些困难的同学来说，也算是一种探究vue原理的有效方式。

2、Vue 3 的源码分析可以从以下几个方面入手 1 Vue 3 的架构设计，包括响应式系统编译器渲染器等2 Vue 3 的核心实现，包括组件指令过滤器等3 Vue 3 的异步渲染机制，包括异步组件Suspense 等4。

3、行上下了 中大型软件一般在 行 而大型软件就没有边了因此，讲编程经验，也有人用编码量来衡量尤其。

4、需要注意的是，虚拟DOM和Diff算法并不是Vue独有的概念，其他前端框架如React也采用了类似的原理它们都通过虚拟DOM和Diff算法来提高渲染效率，减少对真实DOM的操作次数深入理解和研究Vue源码的虚拟DOM和Diff算法，可以帮助开发。

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

6、Vue 中 key 很多人都弄不清楚有什么作用，甚至还有些人认为不绑定 key 就会报错其实没绑定 key 的话，Vue 还是可以正常运行的，报警告是因为没通过 Eslint 的检查接下来将通过源码一步步分析这个 key 的作用Virtual。

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

8、vue 源码版本是2612 很多介绍vue源码的文章对computed怎么计算值讲的很清楚，但是对computed 怎么搜集到依赖它的视图渲染watcher，以及怎么去通知对应的渲染watcher去更新讲解的很模糊或者干脆一笔带过这篇文章主要讲解。

9、如果是旧节点先循环完毕，说明新节点中有要插入的节点1什么是Virtual DOM 和Snabbdom 2手写底层源码h函数 3感受Vue核心算法之diff算法 4snabbdom之核心h函数的工作原理 1零基础入门或者有一定基础的同学。

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

11、dep 为什么要在这里实例化， 就是为了实现， 对象每一层的 每一个key都有自己的一个订阅实例， 比如 ab 对应 dep1， ac 对应dep2， 这里虽然都是let dep = new Dep 但每次来到这个方法， dep都是独立的。

12、当然代码不用他们写，直接拖动就好，不过代码C#逻辑都很简单，写起来总共也就200行高中生都是零基础，代码的话稍微了解C#就可以看懂，借助网络，Google感觉几天就可以写出来但是要是完全自己写不借助网络抄抄抄，需。

13、个人感觉可以认为vuejs是支持cmd规范的，只不过官方的vuejs 在CMD规范下使用require引进它之后，它还是在window变量下添加了全局变量Vue，严格说来是偏离了cmd规范的初衷的可以仔细看下vuejs源代码的第7第8第9行type。

14、大概有10G的源代码，一Byte一个字符，也就是说有超过100亿个字符，每行按标准80字符来算的话，超过1亿行开放的WinXP系统有2亿行，从数量级上来看的话，应该差不多Android 44，是由Google公司制作和研发的代号为。

15、另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用Vuejs 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件Vuejs 自身不是一个全能框架它只聚焦于视图层因此。