created和mounted时期请求API的区别

本文探讨了Vue组件的created和mounted两个生命周期钩子中请求API的区别。created时期请求数据可避免DOM未渲染时的数据同步问题,而mounted时期则适用于已渲染DOM后的数据更新。从性能角度考虑,created时期请求数据更优。但具体选择还需根据项目需求和场景判断。
摘要由CSDN通过智能技术生成

在这里插入图片描述

前言

曾经被一位面试官问道:在组件生命周期中,created时期 和 mounted时期都可以去请求API获得数据,在哪个时期请求更好呢???当时也是支支吾吾,下面就说下它们两者的区别吧


一、created和mounted介绍?

created时期:这个时期可以操作vue实例中的数据和各种方法,但是还不能对 DOM 节点进行操作

mounted时期:挂载完毕,这时 DOM 节点被渲染到文档内,一些需要 DOM 的操作在此时才能正常进行

二、created和mounted请求接口的区别?

在created时期请求接口拿到页面数据,DOM 还没有渲染,最后数据和DOM会同步渲染在页面中。

在mounted时期请求接口拿到页面数据,DOM 已经渲染到页面中,拿到数据后在渲染数据。


总结

虽然在这两个时期都可以请求API,很多人说看自己喜欢,两个时期都可以。但是我觉得以性能方面考虑还是在 created时期 获得数据会比较好一点。如有不对,请大佬们指点!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值