上面的 extend， builtInComponents我们知道；文件在srccoreinstancestatejs 当组件读取computed a的值的时候会执行 computedGetter函数，先是通过 计算出computed函数的值，然后通过 进行依赖搜集Deptarget指向当前组件的渲染watcher，进入watcherdepend看看是怎么。

thiswalkdata walk data 遍历 let keys = Objectkeysdataforlet i = 0 i lt keyslength i++ defineReactivedata， keysi， datakeysi function defineReactive data；这个功能比较简单，在处理prop中做个判断， 属性是否满足 ^onAZi这个格式，如果是这个格式，则进行事件注册，但是vue3会做事件缓存，这个是怎么做到缓存也好实现，在传入当前的el中增加一个属性 el_vei el。

vue源码之生命周期

1、你看到的不是源码，sources下面的才是源码 vue是基于js框架，所以通常也会叫它vuejs，想看懂，需要js语法基础，再了解vue框架。

2、以往我们在开发vue项目的时候，总是通过将路径和路由写在routeindexjs文件中，然后直接进行访问即可，一般实现权限匹配都是通过菜单下面的权限参数和路由守卫进行一个验证拦截和权限匹配，然而这样安全性仍然不足因为我们在routeindexjs中。

3、vue源码打包能反解回来根据查询相关公开信息得知，从服务器下载了之前上传的打包后的文件，找了一圈反编译方法，就可以反解了。

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

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

6、diff发生在虚拟DOM上diff算法是在新虚拟DOM和老虚拟DOM进行diff精细化比对，实现最小量更新，最后反映到真正的DOM上虚拟DOM并不是VUE专属的，很多其他框架也都有用到虚拟DOM所谓的虚拟DOM其实是一个js对象由于。

7、对于文件 右键 点击 下载，但是文件夹貌似不行，你只能展开然后下载了。

8、使用过 Vue 的小伙伴们肯定都知道，Vue 的内部组件 keepalive 是用来缓存我们不活动的组件的但是在某些情况下，我们需要缓存，某些情况下希望及时释放掉缓存，那我们应该怎么做呢有个场景是，希望模仿App的方式，每次。

vue源码怎么运行

1、Chrome或同内核的浏览器，使用开发者工具f12network可以看到ajax请求回来的数据。

2、1首先，从git上拉取element的源码 2安装依赖 npm install 3修改 packages 中的源码，然后进行打包 npm run dist 4找到你的项目中的 node_modules 包下的 elementui 文件夹下的 lib 包，用你修改好后打包生成的。

3、vue是一个构建用户界面的框架库，它的目标是通过尽可能简单的api实现响应的数据绑定和组合的视图集合vue核心是关注视图层，因此它非常容易学习，非常容易与其它库或已有项目整合vue在与相关工具和支持库一起使用时， 也能。

4、其实没绑定 key 的话，Vue 还是可以正常运行的，报警告是因为没通过 Eslint 的检查接下来将通过源码一步步分析这个 key 的作用Virtual DOM 最主要保留了 DOM 元素的层级关系和一些基本属性，本质上就是一个 JS 对象。

5、它源码中写的 call 并不会被使用，所以必须不能使用箭头函数 Vue文档中methods的使用 Vue methods 用箭头函数取不到 this vue源码解析－事件机制 什么时候“不要”用箭头函数 ES6 箭头函数使用禁忌 自己写的推理例子。