Espera un momento ...
¿Te gustaría llevar mi curso de Laravel, gratis?
Sólo debes ingresar tus datos:
¡Suscríbete y continúa aprendiendo!
Esta lección está disponible únicamente para suscriptores.
Regístrate o inicia sesión para continuar aprendiendo:
Frontend
Aprendiz
Probar Vuetify rápidamente
Veamos cómo probar los componentes de Vuetify rápidamente a través de su playground.
Esta lección no cuenta con recursos adicionales.
Si crees que hace falta algo, o necesitas ayuda, puedes publicar una pregunta en el foro.
Antes de instalar Vuetify sobre nuestro proyecto de Vue 3, vamos a ir a "introduction". Específicamente a la primera página que dice "why Vuetify". Venimos aquí para usar el playground de Vuetify. Así como hemos visto que Vue 3 tiene un playground y TypeScript tiene un playground, Vuetify también nos ofrece un playground. Puedes visitar esta página y probar aquí Vuetify. Aquí Vuetify está usando un componente llamado vue text field. Desde aquí es posible probar Vuetify sin tener que configurar nada, ni instalar nada. Vamos a probar nosotros rápidamente el componente cart que aquí se nos presenta. Vamos a copiarnos todo este código generado por la documentación, y lo vamos a pegar aquí. Como vemos, aquí está un título, un subtítulo, el texto del cart, y un botón que dice "click me". Este componente vue card, no existe en Vue 3. Lo está agregando Vuetify. Entonces si tú quieres hacer alguna prueba rápida con algún componente de Vuetify, por separado de tu proyecto, puedes hacerlo usando este playground.
¿Tienes dudas?
Publicar preguntaRegístrate
Inicia sesión para llevar un control de tu progreso.
Capítulos
06
08
09
18
Probar Vuetify rápidamente
30
35
38
44
48
49
56
79
81
82
84
99
107
112
119
Estás viendo un capítulo de la serie Aprende Vue 3, Vite, VueRouter, Vuetify, Pinia y TypeScript