What is the order of created and mounted hooks for a child and its parent parent component in Vue.js?

Question

Accepted Answer

The order of created and mounted hooks for a child and its parent component in Vue.js.

The parent component's created hook is called first, followed by the child component's created hook.
The parent component's mounted hook is called after the child component's mounted hook.
The order is: parent created -> child created -> child mounted -> parent mounted.

Accepted Answer

According to the initialisation workflow, the created hook will be triggered in order, i.e., the parent's first and the child's later. However, in case of mounted hook, the parent component will wait for it's children to mount before it mounts its own template to the DOM

What is the order of created and mounted hooks for a child and its parent parent component in Vue.js?

Popular interview questions of Senior Software Engineer

Top HR questions asked in WebMD Senior Software Engineer