提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
描述vue组件声明周期
前言
一、单组件声明周期图
挂载: beforeCreate => created => beforeMount => mounted
更新: beforeUpdate => updated
销毁: beforeDestroy => destroyed
二、父子组件生命周期图
挂载:
parent beforeCreate => parent created => parent beforeMount => child beforeCreate => child created => child beforeMount => child mounted => parent mounted
更新:
parent beforeUpdate => child beforeUpdate => child updated => parent updated
销毁:
parent beforeDestroy => child beforeDestroy => child destroyed => parent destroyed
总结
从以上能够看出::
挂载时,子组件是在父组件before mount后开始挂载,并且子组件先mounted,父组件随后。更新时,子组件是在父组件before update后开始更新,子组件先于父组件更新。销毁时,子组件是在父组件before destroy后开始销毁,并且是子组件先销毁,父组件随后。