Vue.js的生命周期有哪些?
Vue.js的生命周期钩子函数包括以下几个阶段:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8d50367051a84aba9b14885efcdd468b
beforeCreate:在实例被创建之前调用,此时还没有初始化数据,无法访问到 data 和 methods 等选项。
created:在实例已经创建完成后调用,可以在这个阶段进行数据的初始化、异步请求等操作。
beforeMount:在模板编译完成后,但是还未挂载到 DOM 中之前调用。
mounted:在实例挂载到 DOM 后调用,此时可以访问到 DOM 元素,例如可以执行操作DOM的方法。
beforeUpdate:数据更新时调用,但是此时 DOM 并未更新,可以在此阶段做一些更新前的处理工作。
updated:数据更新并且DOM更新后调用,此时可以执行操作DOM的方法。
beforeDestroy:在实例销毁之前调用,可以在此阶段进行一些清理工作,比如清除定时器、解绑全局事件等。
destroyed:在实例销毁后调用,此时所有的事件监听器与子组件也都被销毁,可以进行一些最后的清理工作。
beforeCreate:在实例被创建之前调用,此时还没有初始化数据,无法访问到 data 和 methods 等选项。
created:在实例已经创建完成后调用,可以在这个阶段进行数据的初始化、异步请求等操作。
beforeMount:在模板编译完成后,但是还未挂载到 DOM 中之前调用。
mounted:在实例挂载到 DOM 后调用,此时可以访问到 DOM 元素,例如可以执行操作DOM的方法。
beforeUpdate:数据更新时调用,但是此时 DOM 并未更新,可以在此阶段做一些更新前的处理工作。
updated:数据更新并且DOM更新后调用,此时可以执行操作DOM的方法。
beforeDestroy:在实例销毁之前调用,可以在此阶段进行一些清理工作,比如清除定时器、解绑全局事件等。
destroyed:在实例销毁后调用,此时所有的事件监听器与子组件也都被销毁,可以进行一些最后的清理工作。
全部评论
相关推荐
查看26道真题和解析 点赞 评论 收藏
分享
05-05 12:57
门头沟学院 前端工程师
记着呢:说的很对,已经工作近7年,就是觉得年轻的时候太多忧虑,没有好好玩一玩,虽然现在我也是很多忧心事,但是真的感觉年轻的时光才是最宝贵的,玩的开心,做自己喜欢的事,全力以赴,这才是应该做的 点赞 评论 收藏
分享
巨人网络公司福利 100人发布