vue 异步加载组件

当页面引入多个组件并且有默认不展示的组件则可以进行异步加载(引入的组件不进行初步渲染,只有需要的时候才加载) 

首先引入 defineAsyncComponent

import { defineAsyncComponent } from "vue";

然后引入组件 组件名自定义(comB) 

const comB =defineAsyncComponent(()=>
        import("../../components/comB.vue")
)
 components: {
        comA,
        comB
    },

相关推荐

  1. vue 异步组件

    2024-01-06 23:16:04       63 阅读
  2. Vue3: Suspense异步组件

    2024-01-06 23:16:04       60 阅读
  3. vue defineAsyncComponent 异步组件

    2024-01-06 23:16:04       60 阅读
  4. 完美实现vue3异步组件

    2024-01-06 23:16:04       38 阅读
  5. Vue3优化之实现懒和子组件异步

    2024-01-06 23:16:04       64 阅读
  6. vue 动态组件

    2024-01-06 23:16:04       32 阅读
  7. Vue-Router: 如何使用异步组件来实现路由懒

    2024-01-06 23:16:04       54 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-06 23:16:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-06 23:16:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-06 23:16:04       82 阅读
  4. Python语言-面向对象

    2024-01-06 23:16:04       91 阅读

热门阅读

  1. Copilot在IDEA中的应用:提升编码效率的得力助手

    2024-01-06 23:16:04       65 阅读
  2. Vivado link synplify edf 和 xilinx ip或者原语

    2024-01-06 23:16:04       57 阅读
  3. 地理空间分析1——入门Python地理空间分析

    2024-01-06 23:16:04       54 阅读
  4. Vue3-38-路由-路由的懒加载

    2024-01-06 23:16:04       56 阅读
  5. 八、Vue3组件库经验[Ant Design]

    2024-01-06 23:16:04       65 阅读
  6. web前端之css、style

    2024-01-06 23:16:04       64 阅读
  7. FRP + nginx 获取客户端真实IP

    2024-01-06 23:16:04       70 阅读