第一,这篇文章比较长,需要占用你比较多时间,请使用一整段时间阅读和实践本文 第二,内容是作者代码断点+源码阅读原创,有笔误和读者不同理解的地方欢迎指证 第三,本文阅读目的,学会调试vue框架源码,读懂vue源码的init部分,理解vue的设计方式,从而提升技术深度
在开始之前,有必要学习一下 VUE2源码中用到的 flow (FaceBook发布的开源Javascript静态类型检查器) 这里提供一个中文翻译的文档网站。参考:https://zhenyong.github.io/flowtype/docs/five-simple-examples.html#_
源码下载
git clone <https://github.com/vuejs/vue.git>
Vue 源码项目目录如下:
1、用编辑器打开项目,在 /examples 目录下增加一个调试文件 —— test.html,在文件中添加如下内容: