一 普通引入方式

import login from ‘@/components/login’

优点: 易理解，
缺点:webpack在打包的时候会把整个路由打包成一个js文件，如果页面一多，会导致这个文件非常大，加载缓慢

二 Vue异步组件技术

 component: (resolve) => require(['@/views/login/login'], resolve)

三 使用动态的import( )语法(推荐使用)

按需加载

 component: () => import('@/views/edu/course/list')

原文链接：https://blog.csdn.net/weixin_46266624/article/details/130510191