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

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

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

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

image.png