Me está encantando Vue.js! Nunca lo había probado
Introducción
Cómo aprenderás a crear SPAs en Laravel
Introducción a Jetstream
Proyecto
Conoce qué SPA vas a construir
Configuración inicial
Sistema basado en componentes
Jetstream: configuración inicial
Jetstream: personalización
Listado de notas: configuración inicial
Listado de notas: personalización
Vista detalle de nota
Formulario de editar
Código de actualizar
Formulario de crear
Código de guardar
Función de eliminar
Flash message
Buscador
Conclusión
Repaso final
Despedida
Clase bonus: nunca parar de aprender
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 10
Preguntas 0
Me está encantando Vue.js! Nunca lo había probado
También podemos usar el método compact()
para enviar datos desde el controlador; haciendo de esta forma más legible el código.
class NoteController extends Controller
{
public function index()
{
$notes = Note::latest()->get();
return Inertia::render('Notes/Index', compact('notes'));
}
}
Para ver los cambios en google chrome ademas de obviamente estar ejecutando npm run watch, tuve que ingresar en una pestaña de incognito, calculo que es porque la pagina me queda en cache de la pc. estoy usando un servidor de paginas web muy bueno llamado Laragon lo recomiendo sobre XAMPP, es muy practico, tiene autohosting de varias paginas simplemente soltando la carpeta dentro con direcciones de acceso lindas usando de base el nombre de la carpeta, si una de las carpetas se llama “laravel” en el navegador ingresas “laravel.test” , también te deja cambiar fácilmente de versión de php.
Ahhh que hermoso es ver a Vue funcionando con Laravel jaja, es decir, el hecho de que puedas cambiar entre secciones sin que se recargue lla página.
.
Ahora lo que se me hace curioso es el cómo funciona, es decir, me imagino que Laravel le pasa su sistema de rutas a Vue… oh estaba revisando las dependencia y veo que están usando la dependencia tightenco/ziggy
, esta dependencia yo la usaba mucho para pasar mis rutas de Laravel a mi front, así que efectivamente Laravel le está pasando las rutas a Vue OwO, seguramente Vue usa su sistema de rutas interno para tener conocimiento de las rutas de Laravel y renderizar las vistas necesarias
Asombroso como puedes volver responsive una página con solo DOS LETRAS, un aplauso a TailWind CSS 🙌
Me gusta ver funcionar Laravel y Vue juntos.
Estoy impresionado 😮 es super fácil.
Les recomiendo usar este comando para que la pagina se actualice sin recargar, a mi me ha funcionado muy bien hasta ahora 😄
mix watch --hot
En mi caso además de usar npm run watch tuve que deshabilitar el cache para ver los cambios.
Inspeccionar>Network>Disable cache
Se puede correr un escuchador para compilacion y recarga automatica con el script hot
Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.