vue computed的执行问题

Posted 2021-01-05 fineday

• 1.在new Vue（）的时候，vuesrccoreinstanceindex.js里面的_init()初始化各个功能

  function Vue (options) {
  if (process.env.NODE_ENV !== ‘production‘ &&
    !(this instanceof Vue)
  ) {
    warn(‘Vue is a constructor and should be called with the `new` keyword‘)
  }
  this._init(options) //初始化各个功能
  }

• 2.在_init()中有这样的一个执行顺序：其中initState()是在beforeCreate和created之间

    initLifecycle(vm)
    initEvents(vm)
    initRender(vm)
    callHook(vm, ‘beforeCreate‘)
    initInjections(vm) // resolve injections before data/props
    initState(vm) //初始化
    initProvide(vm) // resolve provide after data/props
    callHook(vm, ‘created‘) 

• 3.在initState()做了这些事情：

  if (opts.props) initProps(vm, opts.props)//初始化Props
  if (opts.methods) initMethods(vm, opts.methods)//初始化methods
  if (opts.data) {
    initData(vm)} else {
    observe(vm._data = {}, true /* asRootData */)}//初始化data
  if (opts.computed) initComputed(vm, opts.computed)//初始化computed

• 4.所以Props，methods,data和computed的初始化都是在beforeCreated和created之间完成的。