vue初始化过程发生了什么?

  • 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,面试,vue)