Vue源码阅读系列

上一篇 Vue2源码阅读——模板编译(一) 我们解析了模板编译的一个整体流程， 这篇文章我们看看 Vue时如何编译模板的； compileToFunctions compile 我们可以在控制台输出f

VueRouter 是 Vue.js的路由管理器,包含的功能如下： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控

当我们初始化Vue的时候，我们有如下几种方式: 第一种 第二种 第三种 那么，Vue是如何处理这些不同情况呢? 这就涉及到 Vue挂载中的模板编译， 今天我们就看看 Vue是如何编译模板的; 源码文件

全局API，文件定位: vue/src/core/global-api assets.js 定义全局 component, directive, filter(在Vue3已被弃用，尽量减少使用) Vu

keep-alive 是 Vue的内置组件， 它是一个抽象组件, 包裹动态组件， 会缓存不活动的组件实例，而不是销毁， 主要用于保留组件状态或避免重新渲染 当组件在 keep-alive 内被切换，

Computed 示例 学过Vue的同学， 都知道 computed 实现计算属性， 可以简化复杂的逻辑， 就比如上面获取fulllName, 但是 还有一个 隐藏的技能就是，计算属性缓存， 当计算属

proxy(vm, _data, key) 将所有的 data 中的元素通过 defineProperty存储到 _data中 observe(data, true) 只会对 非Null的 对象 进行

![instance.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1c039c2aa0c345deb5b1f3c2e74c205b~t

前提 当我们初始化一个Vue对象的时候， Vue的内部是如何运行的。 我们带着问题去探索； Vue的源码版本为: 2.6.14 贴出的所有源码都是 经过 删减后的简化代码 示例代码 使用官网的入门教程

Shared文件夹源码阅读 constants.js 涉及一些常量，比如 服务端渲染, 资源类型（组件, 指令, 过滤器）, 生命周期 util.js 涉及到一些常用的工具函数 1. 定义空对象 co