Vue life Cycle parent component chapter (with life cycle diagram details)

Parent component life cycle

Create instance from outside to inside (from parent to child) Render from inside to outside (parent does not render until child has rendered)

Mount stage:

Parent beforeCreate -> Parent created -> parent beforeMount -> child beforeCreate -> child created -> child beforeMount -> Child Mounted -> parent Mounted

Update phase:

Parent beforeUpdate -> Child beforeUpdate -> Child updated -> Parent updated

Destruction stage:

Parent beforeDestroy -> Child beforeDestroy -> Child destroyed -> Parent destroyed

###Vue lifecycle diagram details