vue3路由懒加载
路由懒加载作用:部分项目过大,首次加载耗费时间较多,路由懒加载可以让首屏组件加载速度更快一些,减少用户首次使用等待时间。懒加载通过使用import进行按需导入。路由懒加载的本质:按需引入。
·
路由懒加载作用:部分项目过大,首次加载耗费时间较多,路由懒加载可以让首屏组件加载速度更快一些,减少用户首次使用等待时间
路由懒加载的本质:按需引入
下面是未使用懒加载的代码:
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进行按需导入。
更多推荐
已为社区贡献1条内容
所有评论(0)