Vue源码阅读笔记 - this._init方法

[Jmingzi]

// 伪代码

let uid = 0

Vue.prototype._init = function(options) {
  const vm = this
  // 
  vm._uid = uid++
  // a flag to avoid this being observed
  vm._isVue = true
    
  // merge options
  if (options && options._isComponent) {
    
  }

  // 
  if (dev) {
    initProxy(vm)
  } else {
    // 含义？
    vm._renderProxy = vm
  }

  vm._self = vm
  
  // 初始化生命周期
  // $parent $root  $children $refs 
  // _watcher _inactive _directInactive 
  // _isMounted _isDestroyed _isBeingDestroyed
  initLifecycle(vm)

  // 绑定事件
  // 为什么是 init parent attached events
  // 即 vm.$options._parentListeners
  initEvents(vm)

  // $slots $scopedSlots
  // _c $createElement
  // 绑定attrs和listeners
  initRender(vm)
  
  // 在调用生命周期钩子时，是可以调用多次
  // handlers[i].call(vm)
  callHook(vm, 'beforeCreate')

  // 
  initInjections(vm)

  // 初始化props、data、methods、computed
  // 如果定义了watch，也初始化watch
  // 其中有observe(value)
  initState(vm)

  // 
  callHook(vm, 'created')

  // 如果el存在
  vm.$mount(vm.$options.el)
}