Vue 源码解析 Vue 的工作机制 在 new vue() 之后，Vue 会调用进行初始化，会初始化生命周期、事件、props、methods、data、computed和watch等。其中最重要的是通过Object.defineProperty设置setter和getter，用来 ...

flow类型检查 Vue.js 的源码使用了Flow做静态类型检查，之所以选择Flow ， 是因为 Babel和 ESlint 都有对应的Flow插件支持语法。 目录源码解析 compiler 目录包含Vue.js 所有编译相关的代码。它包括把模板解析成AST语法树，AST语法 ...

1、整体入手 阅读代码和画画是一样的，忌讳一开始就从细节下手（比如一行一行读），我们先将细节代码折叠起来，整体观察nextTick源码的几大块。 折叠后代码如下图 整体观察代码结构 上图中，可以看到： nextTick ...

前言 平时写vue的时候知道props有很多种用法，今天我们来看看vue内部是怎么处理props中那么多的用法的。 vue提供的props的用法 1. 数组形式 2. 对象形式 对象形式内部也提供了三种写法： props实现的原理 normalizeProps函数 ...

本文通过结合官方文档、源码和其他文章整理后，对Vue的nextTick做深入解析。理解本文最好有浏览器事件循环的基础，建议先阅读上文《事件循环Event loop到底是什么》。 一、官方定义 实际上在弄清楚浏览器的事件循环后，Vue的nextTick就非常好理解了，它就是利用 ...

Vue源码编译过程一、挂载初始化$mounted会挂载组件,不存在 render 函数时需要编译(compile);二、compile1.compile 分为 parse，optimize 和 generate，最终得到 render 函数；2.parse 调用 parseHtml 方法，方法核心 ...

之前想要研究下vue的源码 网上一般直接就上来甩出双向绑定等等的函数 这次看源码 想从一个渐进式的方向来解读。 当前版本基本上是最新的版本，18年6月的最新版，版本号是2.5.17 当我们接触一个项目或者一个框架 在没有交接文档的情况下 首先第一印象是啥？ 肯定是目录 ...

　　上一节获取到了DOM树的字符串，准备进入compile阶段： 　　该函数接受两个参数，DOM树字符串、配置参数，如图：，进函数： 　　compile主要做了3件事： ...