前言

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

一、created和mounted介绍？

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

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

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

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

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

总结

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

created和mounted时期请求API的区别相关推荐

5.22 locahost仅是本地服务域名。★★★v-show引发refs不渲染， created和mounted，npm install xxx区别，display,visibility,opac区
1.新手会误将localhost域名作为开发域名一用到底. 今天做移动端本地前后联调时,误以为http://localhost:8080就是本地域名,这种说法是正确的,但是这是本地的修改后的域名,真实 ...
[vue] vue在created和mounted这两个生命周期中请求数据有什么区别呢？
[vue] vue在created和mounted这两个生命周期中请求数据有什么区别呢? 看实际情况,一般在 created(或beforeRouter) 里面就可以,如果涉及到需要页面加载完成之后的 ...
请描述下你对 Vue 生命周期的理解？在 created 和 mounted 这两个生命周期中请求数据有什么区别呢？
Vue 生命周期总共可以分为8个阶段:初始化前后,挂载前后,更新前后,销毁前后,以及一些特殊场景的生命周期. 一.基本生命周期生命周期描述 beforeCreate 组件实例被创建之初 creat ...
谈谈你对生命周期的理解？在created和mounted这两个生命周期中请求数据有什么区别呢？
一.什么是生命周期? 我理解的生命周期就是:从出生到死亡的过程二.生命周期有哪些? Vue生命周期总共可以分为8个阶段:创建前后, 载入前后,更新前后,销毁前销毁后生命周期描述 beforCre ...
vue生命周期（created，mounted具体用于哪些场景）、三种存储的区别
vue生命周期什么是生命周期呢,就好像是人有生老病死一样,vue组件也有从创建到消亡的一系列过程.这个过程就叫做vue的生命周期 vue的生命周期可分为三大阶段,每个阶段都有对应的函数,叫做钩子,又 ...
vue 加载时掉用mounted_Vue实例中生命周期created和mounted的区别详解
前言本文主要跟大家介绍了关于Vue实例中生命周期created和mounted区别的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 生命周期先上图什么是生命周期 Vue ...
vue中created钩子函数与mounted钩子函数的使用区别
1:在使用vue框架的过程中,我们经常需要给一些数据做一些初始化处理,这时候我们常用的就是在created与mounted选项中作出处理. 首先来看下官方解释,官方解释说created是在实例创建完成 ...
简述created和mounted的区别
关于vue.js中的生命周期,如果不是有特别的需求,一般在项目开发过程中更多的使用created和mounted. 所以在本文中主要讲解created与mounted在开发中的主要使用区别. 以我的个 ...
mounted钩子函数_vue中created钩子函数与mounted钩子函数的使用区别
1:在使用vue框架的过程中,我们经常需要给一些数据做一些初始化处理,这时候我们常用的就是在created与mounted选项中作出处理. 首先来看下官方解释,官方解释说created是在实例创建完成 ...

created和mounted时期请求API的区别

前言

一、created和mounted介绍？

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

总结

created和mounted时期请求API的区别相关推荐

最新文章

热门文章