路由懒加载作用:部分项目过大,首次加载耗费时间较多,路由懒加载可以让首屏组件加载速度更快一些,减少用户首次使用等待时间
路由懒加载的本质:按需引入
下面是未使用懒加载的代码:
import Login from '@/views/login/index.vue'
const router = createRouter({
routes: [
{ path: '/login', component: Login },
]
})
下面是使用了懒加载的代码(需要导入组件):
import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
routes: [
{
path:'/login',
component:()=>import('@/views/login/LoginPage.vue')
}
]
})
懒加载通过使用import进行按需导入。
标签:vue,vue3,createRouter,import,login,路由,加载 From: https://blog.csdn.net/2201_75918981/article/details/136920510