儿童Vue.js组件生命周期

Question

创建和安装子组件的顺序是什么？我知道单个组件的生命周期已记录在here中，但是在创建和安装子代时我找不到任何描述的东西。

例如，以下组件的创建和安装顺序是什么？

<template>
    <div class='parent'>
        <child-1/>
        <child-2/>
        <child-3/>
    </div>
</template>

Answer 1

我发现this article对解释父/子生命周期挂钩执行的顺序特别有帮助。该图特别提供了一个很好的过程摘要。

还可以在vuejs论坛上查看 LinusBorg 的this post。

  

  父级的
• beforeCreate()和created()首先运行。
  
• 然后呈现父级的模板，这意味着将创建子级组件。
  
• 所以现在孩子的beforeCreate()和created()钩子分别执行。
  
• 这些子组件安装在DOM元素上，这些元素称为它们的beforeMount()和mounted()钩子。
  
• 只有在父级模板完成后，才可以将父级挂载到DOM，因此最终会调用父级的beforeMount()和mounted()钩子。