1.引入组件后直接在路由中配置(不推荐,组件属于静态引入,无论组件是否使用,组件都已经加载了,加重渲染性能)
import login from '../views/login'
const routes = [
{
path: '/login',
name: 'login',
component: login
]
2.路由赖加载的方式(推荐,组件属于动态引入,组件需要时再加载组件)
const routes = [
{
path: '/login',
name: 'login',
component: () =>
import ('../views/login')
},
]