王鹤,腾讯前端高级工程师,参与过QQ情侣、QQ星影联盟、QQ个性化装扮等项目的研发。秉承「不想当产品经理的程序员,不是好的设计师」。除敲敲代码外,对产品、设计、摄影也有一定的兴趣。欢迎一起交流,谈理(CHUI)想(SHUI),聊人(BA)生(GUA)~
1前言
1、Vuejs框架是目前比较火的MVVM框架之一,简单易上手的学习曲线,友好的官方文档,配套的构建工具,让Vuejs在大放异彩,大有赶超react之势。前不久Vuejs2.0正式版已出,优化体积(相比1.0减少了50%),提升性能(相比1.0提升60%),API优化等,各方面更上一层楼。
2、本文是系列文章,主要想通过对于Vuejs2.0源码的分析,从代码层面解析Vuejs的实现原理,帮助读者能够更深入地理解整个框架的思想。此篇文章主要介绍前端渲染部分。
3、不足之处还请批评指正,欢迎一起交流学习。
2Vue的初始化
我们在使用Vuejs的时候,最基本的一个使用,就是在HTML引入Vuejs的库文件,并写如下一段代码:
newVue,本质就是生成一个Vue的对象,我们来了解一下这个生成Vue对象的过程是怎样的。
1、首先,vue的入口是/src/entries/web-runtime-with-