Vue中的computed是在生命周期的哪个阶段执行的?

2020-10-27  本文已影响0人  木A木

1.在new Vue()的时候,vue\src\core\instance\index.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()是在beforeCreatecreated之间

  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.所以propsmethodsdata以及computed的初始化都是在beforeCreatedcreated之间完成的。

上一篇下一篇

猜你喜欢

热点阅读