Vue路由中引入组件Component的三种方式

一 普通引入方式

import 组件名 from ‘组件路径’

如

import login from ‘@/components/login’

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

二 Vue异步组件技术

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

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

 component: () => import('@/views/login/login')