vue发送请求是应该在mounted还是在created生命周期

boyanx1天前技术教程2

一个经常会被问到的问题:为什么不在 created 里去发ajax?created 可是比 mounted 更早调用啊,更早调用意味着更早返回结果,那样性能不是更高?

首先,一个组件的 created 比 mounted 也早调用不了几微秒,性能没啥提高;

而且,等到异步渲染开启的时候,created 就可能被中途打断,中断之后渲染又要重做一遍,想一想,在 created 中做ajax调用,代码里看到只有调用一次,但是实际上可能调用 N 多次,这明显不合适。

相反,若把发ajax 放在 mounted,因为 mounted 在第二阶段,所以绝对不会多次重复调用,这才是ajax合适的位置。

相关文章

Vue3.0权限管理实现流程【实践】(vue权限管理如何实现)

作者:lxcan转发链接:https://segmentfault.com/a/1190000022431839一、整体思路后端返回用户权限,前端根据用户权限处理得到左侧菜单;所有路由在前端定义好,根...

vue3 解析markdwon生成文章(vue是怎么解析模板的)

引言markdown是啥,相信大家都已经清楚了,一种程序员必备的文档格式。可以支持代码高亮,表格,图片,视频等一种文档格式但是在vue3中如何来解析markdown文件呢?效果在效果图中,通过请求获取...

Vue进阶(幺伍肆):vue-resource(vue-resource.js)

前言vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,...

fastapi+vue3文件上传(vuetify文件上传)

最近构思实现了一个小demo网站,前端上传文件,后端分析文件,最后前端展示,整个过程还是蛮有意思的,刚刚开始学习网站开发,还有很多不会的地方,这里演示fastapi+vue3文件上传,上传的excel...

Vue2的16种传参通信方式(vue传参三种方式)

前言先直入主题列出有哪些传参方式,下面再通过事例一一讲解。props(父传子)$emit与v-on (子传父)EventBus (兄弟传参).sync与update: (父子双向)v-model (父...

VUE 实现文件夹上传(保留目录结构)

VUE里面网上大多数的方案都是通过HTML5来实现。需要自已写后端接口,chrome规定每个域名的TCP链接不能超过5个,这就决定了通过HTML5来实现的方案速度有上限。不向客户端那么灵活。代码:ht...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。