- vue本质是一个构造函数,执行
new Vue()
的时候,会通过它的构造函数,构造函数执行了很多xxxMinxin
函数,本质都是为了给vue的prototype
扩展一些方法,调用this._init
。 this._init
函数内部处理组件配置项- 1、给每个 vue 实例写上 _uid,并且是依次递增的,确保唯一性
- 2、合并
opitions
。如果是子组件,将组件配置对象上的一些深层次属性放到vm.$options
选项中,以提高代码的执行效率;如果是根组件,对 options 进行合并,vue 会将相关的属性和方法都统一放到vm.$options
中。vm.$options
的属性来自两个方面,一个是 Vue 的构造函数vm.constructor
预先定义的,一个是new Vue
时传入的入参对象。 - 3、执行一堆
initxxx
函数,初始化lifecycle、events、hook等 - 4、如果有 el 属性,则调用
vm.$mount
方法挂载 vm ,挂载的目标就是把模板渲染成最终的 DOM;不存在el不挂载,需要手动挂载
- 执行
vm.$mount
,调用mountComponent
,创建updateComponent
- 执行
_render
,获取虚拟dom - 执行
_update
,将虚拟dom转化为真实dom
vue初始化过程发生了什么?
最新推荐文章于 2024-05-27 09:40:31 发布