山东建设机械协会官方网站网站建设 广州佛山

山东建设机械协会官方网站,网站建设 广州佛山,局网站建设自查,建设网络良好生态发挥网络的作用#x1f3ac; HoRain 云小助手#xff1a;个人主页 ⛺️生活的理想#xff0c;就是为了理想的生活! ⛳️ 推荐 前些天发现了一个超棒的服务器购买网站#xff0c;性价比超高#xff0c;大内存超划算#xff01;忍不住分享一下给大家。点击跳转到网站。 目录 ⛳️ 推荐 … HoRain 云小助手个人主页⛺️生活的理想就是为了理想的生活!⛳️ 推荐前些天发现了一个超棒的服务器购买网站性价比超高大内存超划算忍不住分享一下给大家。点击跳转到网站。目录⛳️ 推荐Vue的生命周期到底是个啥一文看懂为什么需要生命周期Vue生命周期的8个阶段从出生到退休 1. beforeCreate创建前—— 刚出生还没睁开眼 2. created创建后—— 睁眼了开始认识世界 3. beforeMount挂载前—— 准备上场但还没上舞台 4. mounted挂载后—— 终于上场了 5. beforeUpdate更新前—— 要换新衣服了先看看旧的️ 6. updated更新后—— 新衣服上身了看看效果 7. beforeDestroy销毁前—— 要退场了先收拾收拾 8. destroyed销毁后—— 谢幕一切归零为什么这个生命周期这么重要一句话总结一个小建议Vue的生命周期到底是个啥一文看懂嘿朋友今天咱们来聊聊Vue的生命周期这个让很多初学者挠头的概念。别担心我用最生活化的方式给你讲明白想象一下你刚买了一台新电脑需要一步步设置好才能用。Vue的生命周期就是Vue实例从出生到退休的全过程就像你给新电脑装系统、装软件、设置各种参数一样。为什么需要生命周期为什么同样是写数据、改数据有些代码只能写在某些地方为什么定时器、请求、事件绑定如果位置不对就会出 bug答案几乎都指向同一个核心概念——Vue生命周期Vue生命周期并不是抽象的理论名词而是Vue在实例从创建到销毁的整个过程中在关键时间点自动帮我们调用的一组函数。这些函数有固定的名字、固定的调用时机而我们能做的就是在合适的钩子中写合适的代码。Vue生命周期的8个阶段从出生到退休让我用一个生动的比喻来解释 1. beforeCreate创建前—— 刚出生还没睁开眼发生了什么Vue实例刚被创建数据观测和事件配置还没开始能做什么什么都干不了连this.data都拿不到生活比喻就像刚出生的婴儿啥都看不见啥都干不了 2. created创建后—— 睁眼了开始认识世界发生了什么数据观测、属性和方法已经设置好能做什么可以访问data、methods可以发起网络请求获取初始数据生活比喻婴儿开始能看东西了可以学着认识世界典型场景axios.get(/api/data)获取初始数据 3. beforeMount挂载前—— 准备上场但还没上舞台发生了什么模板编译完成但还没把内容挂载到DOM能做什么可以修改数据但不能操作DOM生活比喻演员已经排练好但还没上舞台典型场景修改数据为渲染做准备 4. mounted挂载后—— 终于上场了发生了什么模板已经渲染成真实DOM挂载到页面上能做什么可以操作DOM启动定时器初始化第三方库生活比喻演员终于上场表演了典型场景setInterval动画、echarts初始化图表重点提醒mounted只会在初次挂载时调用一次后续数据变化不会触发它 5. beforeUpdate更新前—— 要换新衣服了先看看旧的发生了什么数据更新后DOM重新渲染之前能做什么可以获取更新前的状态做一些准备工作生活比喻演员要换新衣服先看看旧衣服的样子典型场景获取更新前的DOM状态️ 6. updated更新后—— 新衣服上身了看看效果发生了什么数据更新后DOM已经重新渲染能做什么可以操作更新后的DOM生活比喻演员换好新衣服上台表演了典型场景更新图表数据、获取更新后的DOM 7. beforeDestroy销毁前—— 要退场了先收拾收拾发生了什么实例即将销毁但还完全可用能做什么清理定时器、解绑事件监听生活比喻演员要下台了先收拾道具典型场景clearInterval(timer) 8. destroyed销毁后—— 谢幕一切归零发生了什么实例已经被销毁所有绑定和事件监听都被移除能做什么最后的清理工作生活比喻演员谢幕舞台恢复原状典型场景释放资源、清理引用为什么这个生命周期这么重要举个栗子你写了个定时器想让文字慢慢变透明像这样mounted() { setInterval(() { this.opacity - 0.01; if (this.opacity 0) { this.opacity 1; } }, 16) }为什么必须写在mounted里因为在mounted之前模板还没渲染成DOM如果写在created里this.opacity可能还没初始化如果写在beforeMount里DOM还没挂载但数据可能已经更新了就像你不能在演员还没上台前就让他表演一样一句话总结Vue生命周期就是Vue在关键时间点自动调用的函数让你能在合适的时候做合适的事情避免定时器在DOM还没生成时就启动这样的错误。一个小建议下次你写Vue组件时先问问自己我需要获取初始数据吗 →created我需要操作DOM吗 →mounted我需要清理定时器吗 →beforeDestroy❤️❤️❤️本人水平有限如有纰漏欢迎各位大佬评论批评指正如果觉得这篇文对你有帮助的话也请给个点赞、收藏下吧非常感谢! Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧