AI 助理
备案 控制台
开发者社区 开发与运维 文章 正文

【Vue】—异步组件

简介: 【Vue】—异步组件

一、 组件引入方式:提前引入

import CompA from './components/CompA.vue'
    components:{
       CompA
   }

二、 异步引入

components:{
       CompA:()=>import('./components/CompA.vue')
   }

三、处理加载状态

const AsyncComponent = () => ({
  // 需要加载的组件 (应该是一个 `Promise` 对象)
  component: import('./MyComponent.vue'),
  // 异步组件加载时使用的组件
  loading: LoadingComponent,
  // 加载失败时使用的组件
  error: ErrorComponent,
  // 展示加载时组件的延时时间。默认值是 200 (毫秒)
  delay: 200,
  // 如果提供了超时时间且组件加载也超时了,
  // 则使用加载失败时使用的组件。默认值是:`Infinity`
  timeout: 3000
})


王同学睡醒了
目录
相关文章
那年春天
|
23小时前
|
缓存 JavaScript UED
vue的动态组件 keep-alive
【10月更文挑战第6天】
那年春天
7 3
谢妹纸
|
1天前
|
JavaScript
vue知识点
10月更文挑战第2天
谢妹纸
13 2
派大鑫的工作室
|
1天前
|
JavaScript UED 开发者
Vue中的导航守卫有哪三种?分别有什么作用
Vue中的导航守卫有哪三种?分别有什么作用
派大鑫的工作室
13 1
大树营养快线
|
1天前
|
JavaScript 前端开发 UED
如何在 Vue 中实现路由懒加载?
【10月更文挑战第5天】
大树营养快线
8 1
那年春天
|
2天前
|
存储 JavaScript UED
在 Vue 组件中动态切换全局样式
【10月更文挑战第5天】
那年春天
9 1
光明顶阳顶天
|
2天前
|
JavaScript 前端开发
使用 Vue CLI 来处理样式的编译和打包
【10月更文挑战第5天】
光明顶阳顶天
7 1
john散漫
|
2天前
|
存储 消息中间件 JavaScript
vue组件传值的12种方式
【10月更文挑战第1天】
john散漫
15 1
光明顶阳顶天
|
2天前
|
缓存 JavaScript 前端开发
qiankun 微应用vue接入到基座
【10月更文挑战第4天】
光明顶阳顶天
13 1
diygwcom
|
20小时前
|
JSON 数据可视化 JavaScript
低代码可视化教你Vue遍历循环绑定
低代码可视化教你Vue遍历循环绑定
diygwcom
7 0
diygwcom
|
20小时前
|
JavaScript 开发工具
低代码开发工具教你Vue双向数据绑定
低代码开发工具教你Vue双向数据绑定
diygwcom
8 0

热门文章

最新文章

  • 1
    vite 如何做到让 vue 本地开发更快速?
  • 2
    【Ant Design Vue V3版本填坑记录三】一套代码实现表格常用属性
  • 3
    VUE element-ui之table表格表头下拉筛选功能
  • 4
    从脚手架开始学前端 【第5期】Vue脚手架搭建
  • 5
    vue3使用canvas画布合成图片
  • 6
    精通React/Vue系列之实现一个全局提示(Message)组件
  • 7
    Vue3+TS实现自定义input组件的验证功能
  • 8
    若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
  • 9
    使用vue-demi来开发一个vue2和vue3组件
  • 10
    vue setup()用法
  • 1
    Vue.js 中父组件调用子组件的方法
    113
  • 2
    Vue.js 中子组件向父组件传值的方法
    61
  • 3
    了解vue3的基本特性和底层原理
    331
  • 4
    【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
    96
  • 5
    【vue】深入探讨vue中组件间多种传值方式
    65
  • 6
    vue组件化开发流程梳理,拿来即用
    73
  • 7
    Vue Router的介绍与引入
    37
  • 8
    Vue3中props的原理与使用
    62
  • 9
    vue中404解决方法
    57
  • 10
    Vue 中如何模块化使用 Vuex
    35
  • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • React 入门与实战
  • React 入门教程开发文档
  • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 利用编译将 Vue 组件转成 React 组件
  • Vue.js在前端服务化上的实践与探索
  • 下一篇
    阿里云无影AI云电脑亮相 体验大幅升级

    深圳坪山网站建设公司崇左网站优化泰州网站关键字优化北京网站优化推广找商集客吗网站优化推销电话重庆如何做网站优化昆明网站优化策划宁波南北网站优化哪里好云龙区网站seo优化快速seo网站优化云浮网站优化热线浦东新区企业网站优化方案网站优化外包选哪家网站优化中统计引擎松江区搜狗网站优化哪家好盘锦网站搜索引擎优化网站访问速度优化上海财务公司推广网站优化怎么做天河企业网站优化推广方案百度网站优化批发高端网站优化费用杭州上城区网站优化排名网站优化文章人工写滨州网站优化收费多少惠州网站安全优化佛山本地的免费网站优化海东网站优化服务公司网站程序做优化需要多少钱代做网站优化行业网站优化过程邯郸网站排名优化公司香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

    深圳坪山网站建设公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化