组件的生命周期

生命周期钩子:
beforeCreate:
在实例初始化之后,这时发现children属性为空数组,也没有el属性,定义在data里面的数据也有没被添加到实例上

image.png

created

实例已经创建完成之后被调用的生命钩子,在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见,而定于在data里面的数据和metholds里面的方法已经可以被添加到vue实例

image.png

beforeMount
在挂载开始之前被调用:相关的 render 函数首次被调用,el属性将会被替换为el;此时el属性已经添加到了vue实例,但是还未进行挂载,$el的值为undefined,而children(子组件依然为空)

image.png

mounted

此时已经完成了父子组件的挂载.此时children属性已经不是空数组了,而是有了子组件。同时$el属性也有了值


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容