它们有生命周期:从创建开始,到销毁
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个生命周期钩子函数
-只要写了钩子函数,就会执行,不写就不会执行