Componentes asíncronos

Realmente es muy importante el uso de carga asíncrona de componentes para organizar mejor nuestro proyecto y hacer que carga más rápido!

No sabia que esto se podia hacer en Vue !! Me parece super interesante para mantener sin cargar por ejemplo los componentes de las rutas, asi solo cuando el usuario desee moverse a esa ruta cargue su arbol de componentes

Componentes asincronos

Son aquellos componentes que quiero que carguen despues de que carguen los compoentes principales e importantes de mi aplicacion. Para poder hacer esto debo importar de vue la propiedad defineAsyncComponent, antes del export default.

import {defineAsyncComponent} from "vue";

const helloWorld = defineAsyncComponent(()=> import("./componets/helloWorld.vue"))

Algo muy similar se puede hacer en el router para cargar las vistas solamente cuando vamos a entrar en ellas, en vez de cargarlas todas de golpe.
Esta opción es nueva para mí, ¡genial!