javascript / beginner
Snippet
Asynchrone Komponenten
Asynchrone Komponenten werden erst dann vom Server geladen, wenn sie tatsächlich benötigt werden. Dies hilft, die anfängliche Ladezeit Ihrer Anwendung zu verkürzen.
snippet.js
1
2
3
4
5
import { defineAsyncComponent } from 'vue';const AsyncButton = defineAsyncComponent(() =>import('./components/MyButton.vue'));
vue
Erklärung
1
defineAsyncComponent(() => ...)
Weist Vue an, eine Komponente zu definieren, die verzögert geladen wird.
2
import('./components/MyButton.vue')
Verwendet einen dynamischen Import, um die Komponentendatei erst dann abzurufen, wenn sie angefordert wird.