有些组件不想马上加载?使用异步组件!【Vue】

作者: 我是小野森森分类: 野生技能协会 发布时间: 2020-08-31 11:05:21 浏览:22345 次

有些组件不想马上加载?使用异步组件!【Vue】

_阿库玛_赛博生命体:
老师能不能讲讲webpack的一些隐含约定和层次结构、babel啥的生态介绍?自学感觉vue不算太难,难在这些开发环境搭建了[喜极而泣]

【回复】webpack弄懂了初期工作也没卵用,只是面试加分项
【回复】回复 @辅导书看 :去福州了,6k,干了半年
【回复】直接上手vue-cli,先工作了再说。 别管webpack
WEB前端小吴:
源码放上去,还是不显示loading,内容直接加载出来了。[疑惑] 请问这个问题解决了吗?

【回复】兄弟,我试出来了,在vue中将延迟放在component之下也就是第二个位置然后再放超时,最后才是loading和err,这样你设置3G网络就会出现加载中了
远书与忘乡:
‍哈默老师,我跟着你敲的高级异步组件。延迟和超时都没有起效,是为啥‍[热词系列_知识增加]

【回复】回复 @哈默聊前端 :使用源码 在chrome浏览器按照视频步骤,还是模拟不出延迟是超时的特效,还请哈默老时指导 一下,谢谢
【回复】回复 @错觉先生 :朋友是component、delay、timeout、loading、error这个顺序吗
双弩精灵啦:
这种用法还没使用过,一般在什么场景用?

【回复】比如后台管理页面,在多个tab之间切换的时候,其余tab里面的组件就可以在需要的时候再异步加载~
【回复】回复 @程风蓝 :路由守卫啊
【回复】几乎面试必问,有多个子路由的页面必用
象牙芒果:
大佬,我想要实现的一个功能跟你这个例子很像,也是通过按钮实现某个组件的渲染与否。我用普通的实现方式,组件里的echart图加载不出来,用异步组件可以解决这个问题吗

【回复】回复 @嘿嘿3336 :应该是渲染dom时机问题,把初始化echart的方法放到setTimeout里执行,让浏览器先渲染出dom再实例化echart对象
【回复】我最近也遇到了这个问题
【回复】回复 @阿库玛_ :那时候已经解决了,是异步的问题
在风中飘丶:
这种外部加载可以加载其他服务器的js么,域名不一样的,类似有一个基础框架,然后去下载一些功能模块的JS来运行[喜极而泣]

医生别光摇头说句话啊:
帮助非常大,短短几分钟满满的干货简洁明了,这真的是两个硬币就能看的内容吗[doge]

靛字君:
我发布了一篇笔记,快来看看吧 01:35 普通组件的注册方法,先引入组件的模板,再在components里注册。 01:53 异步组件的注册,在components里注册,但使用... https://www.bilibili.com/h5/note-app/view?cvid=17204975&pagefrom=comment

猴皮的筋:
笔记:异步组件和路由懒加载类似,不是一上来就把所有组件都引入,而是在触发使用到具体组件时才去加载相应组件(如v-if切换组件),格式:components:{xxx: () => import('./xxx.vue')},或者使用一个工厂函数进行更细节具体的异步组件加载配置。

假装zai摸鱼:
关注up主一段时间了,今天才第一次点进来看视频就被惊艳到了,居然还可以这样!!![星星眼]

【回复】继续关注,还有更多惊艳的东西[星星眼][星星眼]
bilili小二郎:
我的异步组件为什么在条件切换的时候并没有加载出来,js是加载了的,但是组件没在页面上显示。。。

【回复】可以添加wx: xiaoyesensenwx领取源码,进行对比~
【回复】如果你的组件需要第一次加载,或者组件第一次加载需要这个组件,都会一起加载
麋鹿光迷路:
import { button,tips } from 'elmentui' 这种解构出来的组件,如何实现懒加载??????

zb3040:
为什么我同样的写法import一个组件,但这个组件并没有产生异步效果,组件js文件还是一开始就加载进来了,求大神赐教

【回复】可以添加wx: xiaoyesensenwx获取源码,进行对比~
关山小玥:
这个跟路由懒加载的功能不是一样的吗?

【回复】对,路由懒加载就是基于这个实现的~
qin劳:
啥时候能讲讲后端啊,去学java成本太高。node express只停留在简单增删改查,卡在了鉴权。[大哭]

【回复】后端可以搜索下web小野森森,看下他有一个koa的视频

知识分享官 编程 JAVASCRIPT 经验分享 前端 WEB JS VUE WEB前端 知识分享官招募令·第六期

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!