Vue3组件懒加载defineAsyncComponent

_陌子曦

已于 2022-10-25 20:23:34 修改

阅读量517

点赞数

分类专栏： vue 文章标签： javascript java servlet

于 2022-10-25 20:22:47 首次发布

本文链接：https://blog.csdn.net/qciwyy/article/details/127520856

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在Vue3中使用 const myHome = () => import('@/components/myHome') 发现是无法引入子组件的。因此需要使用defineAsyncComponent引入。

<template>
  <myHome/>
</template>
<script>
import { defineComponent, defineAsyncComponent } from 'vue'
const myHome = defineAsyncComponent(() => import('@/components/myHome'))
export default defineComponent({
  components: { 
    myHome:myHome 
    }
})
</script>