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()
是在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
之间完成的。