Estoy revisando un tema de Vuetify para aprender a usarlo y encontré una nueva sintaxis que nunca antes había visto para importar un componente de Vue a otro.

Busqué en Google, pero no puedo encontrar ninguna referencia a este método.

En lugar de importar un componente antes de la exportación, el componente se importa como el valor de retorno de una función de flecha. Sé que funciona porque el sitio funciona, solo estoy tratando de entender qué sucede en comparación con el estilo normal de importación y qué beneficios ofrece. ¡Cualquier idea es apreciada!

Sintaxis típica:

 <script> import CoreAppBar from "@/components/CoreAppBar.vue"; import CoreFooter from "@/components/CoreFooter.vue"; export default { components: { CoreAppBar, CoreFooter, }, }; </script>

Sintaxis que me gustaría entender:

 <script> export default { name: 'App', components: { CoreAppBar: () => import('@/components/core/AppBar'), CoreFooter: () => import('@/components/core/Footer'), }, } </script>