本文共 570 字，大约阅读时间需要 1 分钟。

vue的生命周期想必都不陌生，但是加上子组件，那这个生命周期执行顺序就变成了：

父组件beforeCreate > 父组件created > 父组件beforeMount > 子组件beforeCreate > 子组件created > 子组件beforeMount > 子组件mounted > 父组件mounted > 父组件beforeDestroy > 子组件beforeDestroy > 子组件destroyed > 父组件destroyed

总结一下就是：

父组件在执行到beforeMount之后，子组件会执行到mounted，然后父组件再执行mounted。

销毁的时候，父组件先执行beforeDestroy，然后子组件执行beforeDestroy和destroyed 后，父组件才执行destroyed。

当父组件给子组件传参，进行更新的时候

父组件beforeUpdate > 子组件beforeUpdate > 子组件updated > 父组件updated

以下为代码验证：

父组件：

子组件：

转载地址：http://xwrgn.baihongyu.com/