生命周期钩子函数

生命周期钩子函数

指的是 Vue 在被使用的时候，或者说在被创建开始到被销毁的整个过程，程序提前预设在 Vue 当中的一些函数会在什么时候做的自动触发。

生命周期：指的是 Vue 从创建、到使用、到结束。

钩子函数： 指的是埋在 Vue 身上的一些函数，在某些阶段去执行。

实例在不同阶段，自动触发的事件：

• 创建

beforeCreate(){console.log("beforeCreate实例初始化之后，数据观测和事件配置还未完成时")},
created(){console.log("create实例创建完成后立即调用")},

• 更新

beforeMount(){console.log("beforeMount在挂载开始之前被调用（挂到html上）")},
mounted(){console.log("mounted挂载完成后被调用")},
beforeUpdate(){console.log("beforeUpdate数据更新时被调用（更新DOM前）")},
updated(){console.log("updated数据更新导致DOM重新渲染后被调用")},

• 销毁

beforeDestroy(){console.log("beforeDestroy实例销毁前被调用")},
destroyed(){console.log("destroyed实例销毁后被调用")}

生命周期图示