vue3路由懒加载

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

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

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

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. vue3

    2024-03-27 02:04:02       17 阅读
  2. vue

    2024-03-27 02:04:02       20 阅读
  3. Vue3-38--

    2024-03-27 02:04:02       37 阅读
  4. 2024-03-27 02:04:02       6 阅读
  5. 前端基础vue

    2024-03-27 02:04:02       33 阅读
  6. vue-项目打包、配置

    2024-03-27 02:04:02       46 阅读
  7. React和Vue实现

    2024-03-27 02:04:02       32 阅读
  8. React和Vue实现

    2024-03-27 02:04:02       27 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-27 02:04:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-27 02:04:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-27 02:04:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-27 02:04:02       20 阅读

热门阅读

  1. Linux制作yum离线源,解决安装RPM包时循环依赖。

    2024-03-27 02:04:02       20 阅读
  2. C++之函数的重载

    2024-03-27 02:04:02       21 阅读
  3. 跟我学C++中级篇——STL的中的删除

    2024-03-27 02:04:02       22 阅读
  4. Web使用基础

    2024-03-27 02:04:02       19 阅读
  5. 【Vue】实现的底层原理

    2024-03-27 02:04:02       20 阅读
  6. Qt 事件

    Qt 事件

    2024-03-27 02:04:02      20 阅读
  7. 代码随想录刷题随记6-哈希表2,双指针

    2024-03-27 02:04:02       24 阅读