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个生命周期钩子函数
    -只要写了钩子函数,就会执行,不写就不会执行
posted @ 2022-10-27 10:43  Sherwin_szw  阅读(21)  评论(0编辑  收藏  举报