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

boyanx5个月前技术教程20

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

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

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

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

相关文章

vue + webSocket 实时任务信息通知

vue + webSocket 实时任务信息通知websocketWebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。它的最大特点就是,服务器可以主动向客户端推送...

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

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

基于Vue.js的http网站如何实现帐号密码加密传输?

背景现在大部分网站都采用 https 协议来传输数据,客户端和服务端自动通过证书完成密钥协商和数据加密传输的过程。但是,https 证书一般都是要收费的,因此有些网站开发时还会直接使用 http 协议...

Vue项目处理错误上报如此简单(vue项目运行报错)

处理异常的意义随着网页项目越来越复杂,许多异常报错很难在开发和测试阶段被发现,尽管你可能避开了语法等常规错误,但不可避免的是代码在运行时的错误你仍旧无法准确预料,假设现在有如下一段 Vue 代码,它在...

vue3+electron开发桌面软件(5)——系统级右键实现文件上传

# 系列文章目录1. vue3+electron开发桌面软件入门与实战(0)——创建electron应用2. vue3+electron开发桌面软件入门与实战(1)——创建electron+vue3主...

vue.js中mounted(vue中vfor的使用)

mounted是Vue生命周期钩子函数之一,它表示Vue实例已经被挂载到DOM元素上。在mounted钩子函数中,可以执行一些需要在Vue实例挂载后立即执行的操作,比如获取数据、初始化插件、绑定事件等...

发表评论    

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