Front-end interview (3) – What is the order in which Vue’s parent and child lifecycle hooks are executed?

Functions and events, V-model,.sync, ref, $parent and $children $attr and $Listeners, provide and inject, eventBus Vuex, Dispatch and brodcast render processes: The parent component must be mounted after all the child components are mounted. -> Parent beforeCreate -> Parent created -> parent beforeMount -> child beforeCreate -> child created -> child beforeMount -> Child mounted -> Parent mounted child

1. Affects the parent component: Parent beforeUpdate-> child beforeUpdate-> Child updated -> Parent updTED
2. Does not affect parent component: child beforeUpdate -> Child updated

Parent component update process:

1. Affects child components: Parent beforeUpdate-> child beforeUpdate-> Child updated -> Parent updTED
2. Does not affect child components: parent beforeUpdate -> Parent updated

Destruction process: Parent destroyed -> child destroyed -> Child destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed -> Parent destroyed Will execute its own corresponding completed hook, can be easy to remember