生命周期钩子

生命周期钩子_第1张图片

参考文档:https://segmentfault.com/a/1190000008010666

new vue ({

el:" #app ",    // 隐式渲染

data:{massage:'xxx'}

})

beforeCreated : el、data 并未初始化。都为 undefined


created: 完成了 data 数据的初始化,el 未初始化 。data:[object object]  message : xxx,el : undefined


beforeMount: 完成了el data初始化。el:

{{ message }}

data:[object object]  message : xxx

此时,这里是虚拟 dom 技术,先占位。到后面 mounted 挂载时再把值渲染进去。


mounted: 完成挂载。el:

xxx

data:[object object]  message : xxx


你可能感兴趣的:(生命周期钩子)