Vue 常用的生命周期钩子(8个)
包含vue官网给出的9个钩子,还有router附带的2个生命周期钩子,还有1个就是$nextTick。
官网示例:
Vue生命周期钩子官网地址
export default { name: "demoLayout", created() { //创建时 }, beforeCreate() { // 创建完成时 }, mounted() { // @TODO 挂载时 常用 如: this.$nextTick(() => { // dom渲染后,自动执行方法 如:使input输入框自动获取焦点 }) }, activated() { //组件可见时 @TODO 只用使用router组件才有的生命周期 }, deactivated() { //组件隐藏时 @TODO 只用使用router组件才有的生命周期 }, beforeDestroy() { // @TODO 快要销毁时 常用 }, destroyed() { // 销毁 }, }