在前端快速发展的今天,如果不能时刻保持学习就会很快被淘汰。分享一下Vue首次渲染的过程(从源码的角度)。每天进步一点点。
一、图解:
二、文字解释:
1、首先进行Vue的初始化
初始化Vue的实例成员以及静态成员;初始化全局指令v-model和v-show,全局组件Transition和TransitionGroup;在Vue原型上挂载 __path__
和 $mount
方法;重写 $mount
方法,并挂载 compile方法。
2、当初始化结束之后,开始调用Vue构造函数
在构造函数中调用this._init(),这个方法相当于我们整个Vue的入口。
3、在_init()中调用this.$mount()
共有两个this.$mount():
(1)第一个this. m o u n t ( ) 是 e n t r y − r u n t i m e − w i t h − c o m p i l e r