vue中created和mounted发起请求有啥区别

Vue 中 created 和 mounted 发起请求的区别

在 Vue 生命周期中，created 和 mounted 是两个关键钩子，用于执行特定的初始化任务。然而，当想要在组件挂载后发起网络请求时，使用这两个钩子的区别就很重要了。

created

created 钩子在实例创建完成且属性和数据观测完毕，但 DOM 挂载之前调用。这意味着在该阶段，组件的 DOM 元素尚未添加到页面中。

立即学习“前端免费学习笔记（深入）”；

发送请求：在 created 钩子中发起请求可能过于激进。由于 DOM 尚未挂载，请求的结果可能会在组件实际显示之前到达，导致潜在的闪烁或不一致。

mounted

mounted 钩子在组件DOM挂载完毕，并且可以与用户交互后调用。此时，组件已完全呈现，请求的结果可以安全地更新 DOM。

发送请求：在 mounted 钩子中发起请求是发起网络请求的更合适时机，因为它确保了 DOM 已准备好处理请求的结果。

总结