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:在实例销毁后调用,此时所有的事件监听器与子组件也都被销毁,可以进行一些最后的清理工作。
全部评论
相关推荐
09-03 11:24
广州市高级技工学校 Java 点赞 评论 收藏
分享