（19）Vue.js 生命周期

一、Vue.js 生命周期介绍

Vue.js 生命周期指的是 Vue 实例的生命周期。Vue 实例的生命周期，指的是实例从new创建到
运行，再到销毁的过程。

二、Vue.js 生命周期函数

通过设置生命周期函数，可以在生命周期的特定阶段执行功能。生命周期函数也称为生命周期钩子。

• 创建阶段：
• beforeCreate：实例初始化之前调用。     data和methods这些选项还没初始化完毕。
• created： 实例创建后调用。     data和methods这些选项已经初始化完毕。
• beforeMount：实例挂载之前调用。     还未渲染到DOM。
• mounted： 实例挂载完毕。     已经渲染到DOM。
特点：每个实例只能执行一次。

• 运行阶段：
• beforeUpdate：数据更新后，视图更新前调用。
• updated： 视图更新后调用。
• 特点：按需求调用，没有执行次数限制。

• 销毁阶段：
• beforeDestroy：实例销毁之前调用。
• destroyed： 实例销毁后调用。
特点：每个实例只能执行一次。