在created和mounted去请求数据，有什么区别?

已于 2023-10-17 21:05:58 修改
阅读量1.2k 收藏 2
点赞数
分类专栏： Vue 文章标签： vue.js axios 前端框架
于 2023-10-17 21:05:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59068526/article/details/133894049
版权
本文介绍了Vue.js中的created和mounted生命周期钩子函数的作用，指出created在渲染前调用，适合初始化属性，而mounted在模板渲染后调用，可用于数据影响DOM的情况以避免闪屏。
摘要由CSDN通过智能技术生成

目录

1.基本概念

2.注意事项

1.基本概念

        created：在渲染前调用，通常先初始化属性，然后做渲染。

        mounted：在模板渲染完成后调用，一般都是初始化页面后，再对元素进行操作。

2.注意事项

        在mounted请求数据可能会造成页面闪屏的问题，created则不会出现这个问题。

        请求的数据对Dom有影响，那么使用created。

        请求的数据与Dom无关，那么可以使用mounted。

码农babyQ
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
请描述下你对 Vue 生命周期的理解？在 created 和 mounted 这两个生命周期中请求数据有什么区别呢？
Toyotomi_H的博客
10-18 367
在 Vue 中实例从创建到销毁的过程就是生命周期，即指从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。
vue中created和mounted的区别浅析
10-16
主要给大家介绍了关于vue中created和mounted区别的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
vue在created里面请求的数据在mounted显示undefine
weixin_35749786的博客
12-20 1355
在 Vue.js 中，created 钩子函数在实例创建之后立即调用。这意味着在 created 钩子函数中进行的数据请求可能还没有完成。mounted 钩子函数在挂载完成之后调用，此时已经渲染完成，因此如果在 mounted 中访问数据请求的结果，可能会得到 "undefined" 的值。 为了解决这个问题，你可以在数据请求完成之后再调用 mounted 钩子函数，或者将数据请求的代码放在 mo...
谈一谈vue请求数据放在created好还是mounted里好
11-20
建议放在created里 created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。 mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。 如果在mounted钩子函数中请求数据可能导致页面闪屏问题 其实就是加载时机问题，放在created里会比mounted触发早一点，如果在页面挂载完之前请求完成的话就不会看到闪屏了 补充知识：vue各阶段数据可使用情况：created，computed，data，prop，mounted，methods，watch created时，可用data和prop中的数据。 c
vue中数据请求在created和mouted的区别
最新发布
BradenHan的专栏
01-25 848
created 是在组件实例;mounted 是。触发时机上 created是比 mounted 要更早的，两者的相同点: 都能拿到实例对象的属性和方法。讨论这个问题本质就是(因为此时页mounted面结构已经生成) ，但如果在页面加载前完成请求，则不会出现此情况。建议对页面内容的改动dom放在created生命周期当中。更多详细内容，请前端爱好者。
谈谈你对生命周期的理解？在created和mounted这两个生命周期中请求数据有什么区别呢？
weixin_45355998的博客
11-24 3140
一、什么是生命周期？ 我理解的生命周期就是：从出生到死亡的过程 二、生命周期有哪些？ Vue生命周期总共可以分为8个阶段：创建前后, 载入前后,更新前后,销毁前销毁后 生命周期 描述 beforCreate 组件实例被创建之前 Created 组件梳理被创建完成 beforMount 组件被挂载之前 Mounted 组件挂载完成 beforeUpdate 组件数据更新之前 Updated 件数据更新之完成 beforeDestroy 组件被销毁之前 Destro
created和mounted时期请求API的区别
dongwei666的博客
08-16 3316
vue组件初始化请求接口 created和mounted生命钩子的区别
请求数据应该放在Created还是Mounted
09-20 1318
在Created生命周期Data生成，请求返回的数据需要挂载在data上，所以Created里是可以请求的，但 Created 的这时候DOM还没有初始化；2、对于页面级组件，当我们需要使用ssr（服务端渲染）的时候，只有created是可用的，所以这个时候请求数据只能用它；1、对于作为子组件被调用的组件里，异步请求应当在mounted里调用，因为这个时候子组件可能需要涉及到对dom的操作；如果我们的请求不需要获取/借助/依赖/改变DOM，这时请求可以放在Created。反之则可以放在Mounted里。
Vue实例中生命周期created和mounted的区别详解
08-29
本文将重点讨论`created`和`mounted`这两个钩子函数的区别。 首先，`created`钩子函数在Vue实例创建完成后被调用。此时，数据观测（data observer）和事件监听器（event/watcher）尚未设置，但数据已经被初始化。这...
created和mounted请求数据
08-30
在Vue组件的生命周期中，可以在created和mounted这两个生命周期钩子函数中请求数据。 在created生命周期中，组件实例已经创建完成，但是DOM元素还没有被挂载到页面上。因此，在created中请求数据时，可以在数据返回...
[css] 在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行
歌谣的博客
01-16 3322
[css] 在固定宽度的div下，怎么让字体自适应大小，不超出宽度，也不要换行 .item-codes{width:800px;word-break: break-all;white-space: normal;} 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
在Vue中，请求数据是在created中还是在mounted中？
m0_58623036的博客
10-27 450
另外需要补充一点，也是官方文档上给大家提的一个醒，就是mounted阶段不保证所有的子组件也都被挂载完成，这时候如果我们希望等到整个视图都渲染完毕再做操作，那就需要使用到this.$nextTick方法。回归问题，在实际开发中请求不论放在created还是mounted大多时候是没有区别的，因为created和mounted都是同步的，而请求是异步的，不会堵塞页面渲染的主线程，我们也不能控制请求回来的时间。mounted:中文意思挂载完成，这时候初始化页面完成，此时页面已经渲染出来了，可以进行dom操作。
vue生命周期中 created和mounted的区别
wujiangpeng的博客
10-20 343
在进行vue项目时，有时会对一些操作是放在created还是mounted中执行产生疑问，今天稍微给自己总结了一下，当作笔记供后期查询。 最直接了当的就是上图，反映了从beforecreated到mounted四个生命周期对于，是否获取DOM节点、是否可以获取data里的数据、是否能够获取methods方法。 对于某个操作在哪里执行，考虑如下： 如果涉及操作DOM，不论是获取还是修改等等，都需要在mounted中执行。不然会由于无法获取到DOM而产生报错。 如果不涉及DOM操作，可以在created中执行
vue中created和mounted的区别
ydrpw的博客
10-04 2597
总结 beforeCreate 创建之前：已经完成了初始化事件和生命周期 created 创建完成： 已经完成了初始化的注册和相应 beforeMount 挂载之前：已经完成了模板的渲染 mounted 挂载之后：已经完成了HTML虚拟化，创建了el节点可以操作dom beforeDestory 摧毁之前： 整个vue都处在实时监控渲染和更新 destoryed 已经摧毁：已经摧毁了观察者，子元素和事件监听 数据初始化一般放到created里面，这样可以及早发送请求获取数据，如果有依赖dom必须存在的情况，
说说你对Vue生命周期的理解?
海阔天空
04-21 282
生命周期 beforecreate 初始化 created 组件以创建 beforemount 组件挂载前 mounted 组件挂到实例 beforeupdate 组件数据变化，更新之前 updated 数据更新之后 beforeDestroy 组件 实例 销毁之前 \生命周期 描述 beforeCreate 组件实例被创建之初 created 组件实例已经完全创建 beforeMount 组件挂载之前 mounted 组件挂载到实例上去之后 beforeUpdate 组件数据发生变化，更新之前 upd
Vue中created和mounted的区别及使用场景
行胜于言，行动胜于空想
07-17 2845
created在组件实例创建后调用，而mounted在组件挂载到DOM后调用。created阶段无法访问组件的DOM元素，而mounted阶段可以访问组件的DOM元素。created常用于初始化数据和执行异步操作，mounted常用于执行与DOM相关的操作。如果需要在组件实例创建后立即执行一些操作，而不依赖于DOM，则可以使用created。如果需要在组件挂载到DOM后进行DOM操作或访问DOM元素，则可以使用mounted。
请求应该放在create还是mounted中？
lmf13992427957的博客
09-28 1631
回归问题：在实际开发中请求不论放在created还是mounted大多时候还是没有区别的，因为created和mounted都是同步的，而请求是异步的，不会堵塞页面渲染的主线程，我们也不能控制请求回来的时间。但是还没有挂载到页面上。但是如果是需要操作dom相关的请求，就要在mounted中执行，因为这时候也能才挂载完成，才可以进行dom操作。2、mounted:中文意思挂载完成，这时候初始化页面完成，此时页面已经渲染出来了，可以进行dom操作。
created和mounted的区别？
mz929的博客
07-16 1784
因此，如果需要在组件创建时进行一些数据初始化的操作，可以使用created钩子函数；如果需要在组件挂载到页面上后进行一些DOM操作或与后端交互的操作，可以使用mounted钩子函数。created是在实例创建完成后立即执行的钩子函数，此时组件的DOM节点还未生成，数据也还未渲染到页面上。mounted是在组件挂载到页面上后执行的钩子函数，此时组件的DOM节点已经生成，数据也已经渲染到页面上。created和mounted都是Vue生命周期钩子函数，但它们的执行时机不同。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值