vue computed的执行问题

vue

  • 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.所以Propsmethods,datacomputed的初始化都是在beforeCreatedcreated之间完成的。

以上是 vue computed的执行问题 的全部内容, 来源链接: utcz.com/z/379183.html

回到顶部