vue的异步组件

2024-10-12 09:10:24

异步组件

异步组件：可以在首页加载之前先加载的组件，主要是做性能优化，提高用户体验

一、基本用法

在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能：

import { defineAsyncComponent } from 'vue'

const AsyncComp = defineAsyncComponent(() => {

  return new Promise((resolve, reject) => {

    // ...从服务器获取组件

    resolve(/* 获取到的组件 */)

  })

})

// ... 像使用其他一般组件一样使用 `AsyncComp`

最新文章

热门文章