Creo que poco se puede decir, ya creo que no quedan adjetivos para calificar estos magníficos tutoriales 😀, darte la enhorabuena y cada vez más enganchado a Vue, gracias por tu tiempo, saludos
Excelente como siempre, es genial que nos trasmitas buenas practicas en tus videos es vital respetarlas para cuando crecen los proyectos, muchas gracias!
Hola Mariana! Puedes hacerlo con dos parámetros sin ningún problema, siempre y cuando tengas controlada la potencial colisión de rutas para que ninguna ruta quede oculta. 👍
Excelente contenido, el tiempo, la paciencia para explicar a detalle los temas es lo siguiente a excelente. Calidad como de un curso de paga, pero totalmente disponible y accesible para todos. Ya compartí el curso entre mis colegas, saludos. Pregunta, me gusto mucho el theme de vs, nos podrías decir cual usas por favor?
Hola Christian, muchas gracias! Si buscas en el canal 'mi vscode setup gogodev' tengo un vídeo explicando el setup de vscode que utilizo y cómo instalarlo. Un abrazo!
Buenas muy buen material como siempre, pero no puedo terminar la actividad, pude hacer funcionar las rutas haciéndolas dinámicos gracias a la api del video pero no puedo "pintar" el contenido dentro de su correspondiente componente como son el title o el body ¿tengo que hacer uso del hook useroute tambien?
en el video siguiente esta la respuesta de igual manera no puedo pintar el contenido del post especifico de la lista de posts...puedo acceder al componente de vue pero no pintar el post en sí
Duda, usted terminado el ejercicio, en el momento 1:04:14 Le queda de esta forma Post view del elemento: {{ postId }} import { onMounted, ref,Ref } from 'vue'; import { useRoute } from 'vue-router'; // Inicializa postId con un valor predeterminado, como una cadena vacía let postId = ref(''); onMounted(() => { const route = useRoute() postId.value = route.params.id } Sin embargo, en typescript ¿Cómo sería?
Usando chatgpt Me sale de esta forma Post view del elemento: {{ postId }} import { onMounted, ref, Ref } from 'vue'; import { useRoute } from 'vue-router'; // Inicializa postId con un valor predeterminado, como una cadena vacía let postId: Ref = ref(''); onMounted(() => { const route = useRoute(); postId.value = route.params.id as string; // Asegúrate de que route.params.id sea una cadena }); Tipamos el postId, por un Ref y en el route.params.id tenemos que asegurarnos de que es un string ¿correcto?
Buenas profe!! :) Estoy teniendo un problema, no tanto con el enrutado si no a la hora de hacer el ejercicio. Estoy haciendo uso de una API a la que al pasarle un ID me devuelve esto: [{"id": "1", "altura": "1.83","nacimiento": "11/01/1941 - 81 años", "nombre": "Abdullah the Butcher", "peso": "163."}] A esta API la llamo desde un servicio como el que hicimos en el ejercicio anterior y cuando cargo la página, me muestra los datos peeeeeeero, mi problema es que al renderizar la vista, aunque se vean los datos, la consola del navegador me da un pete: Uncaught (in promise) TypeError: $setup.wrestler[0] is undefined Sé que es porque cuando renderiza la vista, el objeto wrestler está vacío y no tiene esa posición 0, pero no sé cómo arreglarlo. Si lo pongo así, da ese fallo: Prueba 1: {{ wrestler[0].nombre }} Si lo hago así, no da el fallo: {{ w.nombre }} Y por último, si me creo en el setup, un array con los datos igual que me llegan del servicio y luego lo muestro en el template, tampoco me da el pete: let luchador = [{"id": "1", "altura": "1.83","nacimiento": "11/01/1941 - 81 años", "nombre": "Abdullah the Butcher", "peso": "163."}] Prueba 2 {{ luchador[0].nombre }} En el onBeforeMount he hecho la función asíncrona que me hace: const route = useRoute() await service.fetchOne(route.params.name) No sé si esto es algo que veremos más adelante, pero llevo toda la mañana intentando solventar el error y no hay manera 😭
Hola Juan Miguel! No te preocupes. Si puedes, pásame un directorio con el código para que pueda reproducir el error. Algunas soluciones comunes son: Usar una variable booleana "loading" que muestre los datos sólo cuando estos han sido cargados (mientras tanto, puedes aprovechar también dicha variable para renderizar un icono de "cargando". Usar los datos a mostrar dentro de variables centralizadas que gestionen su propia posibilidad de renderizado. (Esto se ve en clases más adelante) Un abrazo!
ปีที่แล้ว +1
@@GOGODEV Gracias por la respuesta!! He metido el texto en un span con un v-if y ya me lo muestra sin saltar el pete de la consola. De momento me vale así: Prueba 1: {{ wrestler[0].nombre }} ¡Mil gracias!
e utilizado el comando npm install --save vue-router para agregar el router pero veo que la instalación seria la incompleta porque no me agrega los archivos router y views. :(
Hola Fernando! Así es. Este proceso lo vemos a lo largo del vídeo. Al instalar los paquetes a través del CLI de vue, este no solo instala el paquete, si no que también facilita la tarea de puesta en marcha agregando un scafolfing inicial de archivos
Creo que poco se puede decir, ya creo que no quedan adjetivos para calificar estos magníficos tutoriales 😀, darte la enhorabuena y cada vez más enganchado a Vue, gracias por tu tiempo, saludos
Muchas gracias Antonio!!
Que excelente contenido!
Sigo aprendiendo de una manera exponencial!! Gracias!
Excelente como siempre, es genial que nos trasmitas buenas practicas en tus videos es vital respetarlas para cuando crecen los proyectos, muchas gracias!
Muchas gracias por tu apoyo Gonzalo!
Saludos desde Peru, aprendi rapido y a detalles las clases de vue.!!!
Excelente!
Muy buena calidad de los videos, incluso mucho mejor que varios de pago que he visto. Felicitaciones y gracias.
Muchas gracias Sebas!
gracias... realmente eres muy bueno explicando y la profundidad que tienes aclarece muchas cosas... gracias un curso de calidad
Muchas gracias Cristobal!
tiene una buena metodología y explicación
Muchas gracias Marco!
Excelente trabajo. Excelentes videos hasta ahora. Gracias!
wow tremenda sorpresa, explicas muy mmuy bien gracia spor el tiempo y dedicación....
Muchas gracias Leandro!
genial como explicas, gran descubrimiento del canal, seguid así enhorabuena
Muchas gracias!
Muchas gracias por todos tus videos!!!!!!!!
A ti por verlos Lautaro. Un abrazo!
Una genialidad la paciencia que tenes para explicar. Vamos por mas a seguir aprendiendo.
Muchas gracias Alberto!
Buenísimo video como cada uno de la serie, muchas gracias.
Muchas gracias Alexander!
Me encanta como explicas!! Felicidades
Muchas gracias!
@@GOGODEV nada. Deseando acabar con este curso y empezar con el de vue y laravel. Gran trabajo tío!!!
Muchas gracias profe, espectacular video.😄
Gracias a tí por verlo!
Gran capítulo como siempre!!! 👌
Gracioso q en el capítulo del Routing se te fastidie el Router...., Algo ilegal harias jajaja
😂😂😂
Mil gracias Toni!
Ereh un crack
Que si es muy similar a las rutas en laravel, esta muy bien,
Si las conoces en Laravel efectivamente no debería tener mucha perdida. Al final las rutas no dejan de ser rutas en cualquier lugar :)
Si tuviera que definir al curso y al profesor con una sola palabra, esa sería EXCELENCIA!
Muchas gracias William!
🚀 Hice el ejercicio con los post. Le pase dos parámetros: "post/:title/:body" 😅
Imagino que no debe hacerse así xq la ruta se vuelve caótica
Hola Mariana! Puedes hacerlo con dos parámetros sin ningún problema, siempre y cuando tengas controlada la potencial colisión de rutas para que ninguna ruta quede oculta. 👍
Excelente contenido, el tiempo, la paciencia para explicar a detalle los temas es lo siguiente a excelente. Calidad como de un curso de paga, pero totalmente disponible y accesible para todos. Ya compartí el curso entre mis colegas, saludos.
Pregunta, me gusto mucho el theme de vs, nos podrías decir cual usas por favor?
Hola Christian, muchas gracias! Si buscas en el canal 'mi vscode setup gogodev' tengo un vídeo explicando el setup de vscode que utilizo y cómo instalarlo. Un abrazo!
@@GOGODEV listo voy a ir a verlo, muchas gracias por la ayuda 🚀
esos componentes que estan en la carpeta de views vienen a ser lo que en angular se denominan modulos?
Buenas muy buen material como siempre, pero no puedo terminar la actividad, pude hacer funcionar las rutas haciéndolas dinámicos gracias a la api del video pero no puedo "pintar" el contenido dentro de su correspondiente componente como son el title o el body ¿tengo que hacer uso del hook useroute tambien?
Hola Ezequiel! Si me subes el contenido a un repositorio puedo echarle un ojo a ver qué te está fallando 👍
en el video siguiente esta la respuesta de igual manera no puedo pintar el contenido del post especifico de la lista de posts...puedo acceder al componente de vue pero no pintar el post en sí
Duda, usted terminado el ejercicio, en el momento 1:04:14
Le queda de esta forma
Post view del elemento: {{ postId }}
import { onMounted, ref,Ref } from 'vue';
import { useRoute } from 'vue-router';
// Inicializa postId con un valor predeterminado, como una cadena vacía
let postId = ref('');
onMounted(() => {
const route = useRoute()
postId.value = route.params.id
}
Sin embargo, en typescript ¿Cómo sería?
Usando chatgpt Me sale de esta forma
Post view del elemento: {{ postId }}
import { onMounted, ref, Ref } from 'vue';
import { useRoute } from 'vue-router';
// Inicializa postId con un valor predeterminado, como una cadena vacía
let postId: Ref = ref('');
onMounted(() => {
const route = useRoute();
postId.value = route.params.id as string; // Asegúrate de que route.params.id sea una cadena
});
Tipamos el postId, por un Ref
y en el route.params.id tenemos que asegurarnos de que es un string ¿correcto?
Buenas,
Como podría generarse todo en un proyecto ya existente ?
Hola, me gustaria tener la misma fuente que tu en visual estudio code. Cual usas?
Hola Osdany! La fuente es cartograph
@@GOGODEV muchas gracias, excelente atención
Buenas profe!! :) Estoy teniendo un problema, no tanto con el enrutado si no a la hora de hacer el ejercicio.
Estoy haciendo uso de una API a la que al pasarle un ID me devuelve esto:
[{"id": "1", "altura": "1.83","nacimiento": "11/01/1941 - 81 años", "nombre": "Abdullah the Butcher", "peso": "163."}]
A esta API la llamo desde un servicio como el que hicimos en el ejercicio anterior y cuando cargo la página, me muestra los datos peeeeeeero, mi problema es que al renderizar la vista, aunque se vean los datos, la consola del navegador me da un pete:
Uncaught (in promise) TypeError: $setup.wrestler[0] is undefined
Sé que es porque cuando renderiza la vista, el objeto wrestler está vacío y no tiene esa posición 0, pero no sé cómo arreglarlo.
Si lo pongo así, da ese fallo:
Prueba 1: {{ wrestler[0].nombre }}
Si lo hago así, no da el fallo:
{{ w.nombre }}
Y por último, si me creo en el setup, un array con los datos igual que me llegan del servicio y luego lo muestro en el template, tampoco me da el pete:
let luchador = [{"id": "1", "altura": "1.83","nacimiento": "11/01/1941 - 81 años", "nombre": "Abdullah the Butcher", "peso": "163."}]
Prueba 2 {{ luchador[0].nombre }}
En el onBeforeMount he hecho la función asíncrona que me hace:
const route = useRoute()
await service.fetchOne(route.params.name)
No sé si esto es algo que veremos más adelante, pero llevo toda la mañana intentando solventar el error y no hay manera 😭
Hola Juan Miguel! No te preocupes. Si puedes, pásame un directorio con el código para que pueda reproducir el error.
Algunas soluciones comunes son:
Usar una variable booleana "loading" que muestre los datos sólo cuando estos han sido cargados (mientras tanto, puedes aprovechar también dicha variable para renderizar un icono de "cargando".
Usar los datos a mostrar dentro de variables centralizadas que gestionen su propia posibilidad de renderizado. (Esto se ve en clases más adelante)
Un abrazo!
@@GOGODEV Gracias por la respuesta!!
He metido el texto en un span con un v-if y ya me lo muestra sin saltar el pete de la consola. De momento me vale así:
Prueba 1: {{ wrestler[0].nombre }}
¡Mil gracias!
e utilizado el comando npm install --save vue-router para agregar el router pero veo que la instalación seria la incompleta porque no me agrega los archivos router y views. :(
Hola Fernando! Así es. Este proceso lo vemos a lo largo del vídeo. Al instalar los paquetes a través del CLI de vue, este no solo instala el paquete, si no que también facilita la tarea de puesta en marcha agregando un scafolfing inicial de archivos