2022-10-27 10:43阅读: 23评论: 0推荐: 0

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 中国大陆许可协议进行许可。

posted @   Sherwin_szw  阅读(23)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.