Vue3学习记录——(7) 异步加载defineAsyncComponent与Suspense组件

原创

已于 2023-09-20 11:51:55 修改 · 701 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#学习 #vue.js #前端

于 2023-09-20 11:49:56 首次发布

博客主要介绍了Vue相关知识，重点讲解了defineAsyncComponent的两种用法，还提及了Suspense，这些内容属于前端开发领域，有助于开发者掌握Vue的异步组件加载和相关功能。

一、defineAsyncComponent

1、用法一

<template>
  <div>
    <AsyncComp />
  </div>
</template>

<script setup lang="ts">

import {
   
    Component, defineAsyncComponent } from 'vue';
const AsyncComp = defineAsyncComponent<Component>(() => import("@/components/HelloWorld.vue"))

</script>