![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/bb6b804ecf024398c151093eff5641ce.jpeg#pic_center)
一 普通引入方式
import 组件名 from ‘组件路径’
如
import login from ‘@/components/login’
优点: 易理解,
缺点:webpack在打包的时候会把整个路由打包成一个js文件,如果页面一多,会导致这个文件非常大,加载缓慢
二 Vue异步组件技术
component: (resolve) => require(['@/views/login/login'], resolve)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d65bc2bfe7104b5b00058c00fa79bbc1.png)
三 使用动态的import( )语法(推荐使用)
component: () => import('@/views/login/login')
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/64680ec6d26d7e0b7ae16891215f6d32.png)
所有评论(0)