Registro automático de componentes en Vue

Fecha de publicación: diciembre 28, 2019

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on google
Google+
Share on whatsapp
WhatsApp
Share on email
Email

En aplicaciones medianas/grandes es más que posible que podamos tener componentes globales que no queremos estar llamando en cada sitio donde los tengamos que utilizar, un Input, un Button, un Alert etcétera. Además, es más que probable que tampoco queramos cargarlos todos en un único sitio y registrarlos haciendo uso de Vue.component ya que podemos quedarnos con un archivo realmente grande.

Para solucionar este problema, desde la versión 3 de Vue CLI podemos utilizar require.context y cargar todos nuestros componentes base con pocas líneas de código de forma óptima, sólo debemos utilizar el siguiente código en nuestro archivo main.js.

Puedes encontrar más información al respecto en la documentación de Vue.

¿Quieres acceder a más de 100 cursos de PHP y JavaScript?

Vuejs, Laravel, NodeJS, WordPress, Serverless, React Native, Amazon Web Services y mucho más

Quiero hacerme Premium
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login