路由懒加载作用:部分项目过大,首次加载耗费时间较多,路由懒加载可以让首屏组件加载速度更快一些,减少用户首次使用等待时间

        路由懒加载的本质:按需引入

        下面是未使用懒加载的代码:

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进行按需导入。

Logo

前往低代码交流专区

更多推荐