文章介绍了Vue.js中三种不同的组件导入方式，包括普通引入、Vue异步组件技术和动态import()按需加载。普通引入可能导致文件体积过大，影响加载速度。而异步组件和动态import()能实现更高效的资源加载，优化应用性能，特别是对于大型项目，推荐使用动态import()来实现代码分割和按需加载。
一 普通引入方式
import login from ‘@/components/login’
优点: 易理解，
缺点:webpack在打包的时候会把整个路由打包成一个js文件，如果页面一多，会导致这个文件非常大，加载缓慢
二 Vue异步组件技术
component: (resolve) => require(['@/views/login/login'], resolve)
三 使用动态的import( )语法(推荐使用)
按需加载
component: () => import('@/views/edu/course/list')
原文链接：https://blog.youkuaiyun.com/weixin_46266624/article/details/130510191
扫一扫
1688
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
