一、Vue.js 生命周期介绍
Vue.js 生命周期指的是 Vue 实例的生命周期。Vue 实例的生命周期,指的是实例从new创建到
运行,再到销毁的过程。
二、Vue.js 生命周期函数
通过设置生命周期函数,可以在生命周期的特定阶段执行功能。生命周期函数也称为生命周期钩子。
• 创建阶段:
• beforeCreate:实例初始化之前调用。 data和methods这些选项还没初始化完毕。
• created: 实例创建后调用。 data和methods这些选项已经初始化完毕。
• beforeMount:实例挂载之前调用。 还未渲染到DOM。
• mounted: 实例挂载完毕。 已经渲染到DOM。
特点:每个实例只能执行一次。
• 运行阶段:
• beforeUpdate:数据更新后,视图更新前调用。
• updated: 视图更新后调用。
• 特点:按需求调用,没有执行次数限制。
• 销毁阶段:
• beforeDestroy:实例销毁之前调用。
• destroyed: 实例销毁后调用。
特点:每个实例只能执行一次。