Vue生命周期
它们有生命周期:从创建开始,到销毁
vue中总共生命周期有8个钩子函数(4对),依次调用
钩子的意思:aop的体现
beforeCreate 创建Vue实例,组件实例对象创建 之前调用
created 创建Vue实例成功后调用(咱们用的对,可以在此处发送ajax请求后端数据)
beforeMount 渲染DOM之前调用
mounted 渲染DOM之后调用
---初始化完成了----
beforeUpdate 重新渲染之前调用(数据更新等操作时,控制DOM重新渲染)
updated 重新渲染完成之后调用
---一直在转圈----
----销毁组件---
beforeDestroy 销毁之前调用
destroyed 销毁之后调用
重点:
-created多一些:在这里面发送ajax请求,data的数据好了后,再发请求,去后端拿数据
-updated:数据变化,页面更新完后,执行它
-destroyed:组件销毁,会触发它,也会用
组件创建了,起了个定时器,不停地打印hello world(每隔一段时间执行一个函数,延迟调用)
-如果组件销毁了,定时器没有被销毁,会出现定时器还在执行的情况,
-所以要在destroyed中把定时器取消掉,资源清理工作
-vm实例和组件实例都有8个生命周期钩子函数
-只要写了钩子函数,就会执行,不写就不会执行
本文作者:Sherwin
本文链接:https://www.cnblogs.com/sherwin1995/p/16831390.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步