vue父子组件生命周期执行顺序是怎么样的？

Vue的生命周期中，我们最常用的生命周期方法，莫过于created、mounted，前者是在web页面初始化时执行，后者是在web页面渲染完毕执行，本文基于 vue-cli 简单演示下，便可知道vue父子组件生命周期执行顺序。

父组件App.vue

子组件HelloWorld.vue

h3 {  margin: 40px 0 0;
}
ul {  list-style-type: none;  padding: 0;
}
li {  display: inline-block;  margin: 0 10px;
}
a {  color: #42b983;
}

vue父子组件生命周期执行顺序结果

就像一个钩子一样，亦类似栈的先进后出，看图可以得知vue父子组件生命周期执行顺序为：父created -> 子created -> 子mounted -> 父mounted