Vue源码探秘(一)
3 月,跳不动了?>>> 引言 Vue 作为当前前端开发中比较重要的框架,在企业级开发中应用十分广泛。目前也是我的主要技术栈之一。在接下来的系列文章中,我将带大家一起探秘 Vue.js 底层源码。 本篇文章是 Vue源码探秘 的第一篇。在这一篇中,我主要是带大家做一些准备工作,介绍一下 flow 、 源码目录 和 源码构建流程 。 认识flow flow 是 facebook 出品的 JavaScript 静态类型检查工具。 Vue.js 的源码利用了 flow 来做静态类型检查,所以了解 flow 有助于我们阅读源码。 为什么用 flow JavaScript 是动态类型语言,它的灵活性有目共睹,但是过于灵活的副作用就是很容易就写出非常隐蔽的隐患代码,在编译期甚至运行时看上去都不会报错,但是可能会发生各种各样奇怪的和难以解决的 bug。 项目越复杂就越需要通过工具的手段来保证项目的维护性和增强代码的可读性。 Vue.js 在做 2.0 重构的时候,在 ES2015 的基础上,除了 ESLint 保证代码风格之外,也引入了 flow 做静态类型检查。 flow 在 Vue.js 源码中的应用 flow 常用的两种类型检查方式是: 类型推断 :通过变量的使用上下文来推断出变量类型,然后根据这些推断来检查类型。 类型注释 :事先注释好我们期待的类型,flow 会基于这些注释来判断。 在