Vue 3提供了更加完整和簡潔的動態加載組件的方法。在Vue 2中，動態加載組件需要通過異步組件和webpack的懶加載功能來實現。而Vue 3中的defineAsyncComponent函數可以更加直接地將組件異步加載到應用程序中。

使用defineAsyncComponent函數，可以將一個返回組件定義的Promise傳遞給Vue的createApp函數。這使得組件可以按需動態加載，而不必在應用程序一開始就加載所有組件。以下是一個使用defineAsyncComponent函數的示例：

const MyComponent = defineAsyncComponent(() =>import('./MyComponent.vue'))
const app = createApp({
components: {
MyComponent
}
})

可以看到，defineAsyncComponent函數接受一個參數，這個參數是一個返回組件定義的Promise。在這個例子中，使用import函數異步地獲取了MyComponent組件。

一旦組件定義完成并傳遞給Vue，就可以在模板中使用這個組件了。以下是一個具體的例子：

這個例子中，MyComponent是動態加載的。這意味著在渲染應用程序時，MyComponent不會被立即加載。只有當組件被需要并被訪問時，才會開始下載組件的代碼和資源。

綜上所述，Vue 3的動態加載組件的功能極大地改進了代碼的可維護性和可擴展性。通過使用defineAsyncComponent函數，可以輕松地按需加載組件，避免應用程序加載過多和不必要的組件。