在Created生命周期Data生成,请求返回的数据需要挂载在data上,所以Created里是可以请求的,但 Created 的这时候DOM还没有初始化;

Mounted生命周期里DOM才渲染完成

beforeCreate  // 这时候data,methods函数未挂载
created       // data已挂载、methods函数已挂载
beforeMount   // 相关的render函数首次被调用,dom未挂载
mounted       // dom已渲染挂载完成
beforeUpdate
updated
beforeDestroy
destroyed

如果我们的请求不需要获取/借助/依赖/改变DOM,这时请求可以放在Created

反之则可以放在Mounted里

异步请求数据

1、对于作为子组件被调用的组件里,异步请求应当在mounted里调用,因为这个时候子组件可能需要涉及到对dom的操作;

2、对于页面级组件,当我们需要使用ssr(服务端渲染)的时候,只有created是可用的,所以这个时候请求数据只能用它;

3、对于页面级组件, 当我们做异步操作时,涉及到要访问dom的操作,我们仍旧只能使用mounted;

对于一般情况,createdmounted都是可以的;

请求数据应该放在Created还是Mounted相关推荐

  1. vue请求数据方法放在created还是mounted中

    建议放在created里 created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图.这时已经拿到数据,然后在进行渲染. mounted:在模板渲染成html后调用,通常是初 ...

  2. 【vue其他相关】欢迎讨论!异步请求放在生命周期中的created还是mounted,已填坑

    文章目录 前言 两个生命周期 场景1 场景2 场景3 结论 如何处理场景一和场景二的问题 最后 前言 曾经在百度上搜这个问题,看到的答案都是相互复制粘贴的,而且个人觉得并没具体场景举例说明,并没有好的 ...

  3. 谈谈你对生命周期的理解?在created和mounted这两个生命周期中请求数据有什么区别呢?

    一.什么是生命周期? 我理解的生命周期就是:从出生到死亡的过程 二.生命周期有哪些? Vue生命周期总共可以分为8个阶段:创建前后, 载入前后,更新前后,销毁前销毁后 生命周期 描述 beforCre ...

  4. vue 实现返回上一页不请求数据keep-alive

    常规操作: 我们通常会将通过接口请求数据的方法放在==created== 或者 ==mounted==这两个生命周期中的一个里面调用. 但是我们知道,不管是我们刚进入这个页面还是从其他页面返回这个页面 ...

  5. vue 生命周期 返回不触发_Vue生命周期activated之返回上一页不重新请求数据操作...

    activated: 英文原意:使活动.触发 在Vue的生命周期函数中,这个好像用的不是特别多?(也许只是在我的工作中这个用的不多,或者说叫几乎不用这个) 一.需求 前不久在项目中有这样一个需求: 在 ...

  6. Controller中请求数据的方式

    1.路径变量 url中定义(变量名)作为占位符,使用@PathVariable对应变量 2.@RequestParam 可以获取url中的请求数据 请求数据类型为x-www-from-urlencod ...

  7. vue请求数据放在created好还是mounted里好

    vue请求数据放在created好还是mounted里好 建议放在created里 created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图. mounted:在模板渲染成 ...

  8. 浅谈vue请求数据放在created里面好还是放在mounted里面好

    建议放在created里 created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图. mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的do ...

  9. 请描述下你对 Vue 生命周期的理解?在 created 和 mounted 这两个生命周期中请求数据有什么区别呢?

    Vue 生命周期总共可以分为8个阶段:初始化前后,挂载前后,更新前后,销毁前后,以及一些特殊场景的生命周期. 一.基本生命周期 生命周期 描述 beforeCreate 组件实例被创建之初 creat ...

最新文章

  1. nodejs获取当前url和url参数值
  2. linux命令行参数含空格,linux-具有命令行参数和空格的Perl脚本
  3. MySQL - 体系结构初探
  4. 二分图的最佳完美匹配(模板)
  5. Html百分比设宽偏差大,absolute和relative元素 设置百分比宽高的差异
  6. bash 的相关配置
  7. select switch语句总是搞混,总结如下
  8. 汇编语言:实验8分析一个奇怪的程序
  9. Spring Data JPA简单学习
  10. 方法文件Matlab调用动态链接库
  11. 英特尔至强E5 V4荣耀出炉 宝德服务器抢先同步升级
  12. android WPS如何绘图
  13. 综合扫描 -- Ladon
  14. P5713 【深基3.例5】洛谷团队系统
  15. 分享几个写英文论文的网页和软件
  16. GAMIT重新编译及升级
  17. 28岁女生转行前端晚吗?前景怎么样?
  18. Java基础之IO流(一)
  19. mili u盘 android手机,mili otg数据线如何使用?
  20. Java把带小数点的字符串转换成整数

热门文章

  1. 互动式广告是怎么样的一种广告形式?
  2. import引入json文件_在React组件中导入Json文件
  3. Linux——远程管理篇
  4. 在存储过程中调用execute immediate 执行 create table语句报TBR-17004: Permission denied
  5. android表情编码与解码
  6. [图]WPS Office 2019上架微软商城:引入全新用户界面
  7. 爬取并分析QQ好友的说说
  8. 安全信息管理系统(OSSIM)
  9. untun 安装docker 随手记
  10. 排查【Jedis客户端触发 Too many open files 问题】