En el mismo tono de la mayoría de los comentarios: apreciamos mucho el trabajo que hizo en esta serie de videos de VUE3. son demasiado útiles y explicativos. Sin omitir detalles importantes que hacen la diferencia con el resto de cursos "aprenda en 15 minutos" que tanto abundan por internet... gracias por la paciencia, la claridad y la calidad con la que desarrolla los contenidos. Saludos desde Venezuela
aunque sean videos largos valen totalmente la pena, nadie explica al completo todos estos temas de vue, esto más la documentación de vue que es excelente, me estoy enamorando del framework, y gracias por el curso tan completo y gratis
me encanta el como el profe entiende que la forma mas facil de enteneder es con el codigo, y ademas la explicacion con lo de los impuestos fue exquisita
Estoy tratando de aprender vue en tiempo record (menos de una semana), para poder pasar una prueba tecnica de trabajo junior. Estoy consumiendo tus videos como helado del pote mientras trato de relacionar los conceptos a lo que ya se en React para asimilarlos mejor. Haz ayudado a mucha gente, gracias
Tengo 3 cursos comprados de Vue y la manera tan eficiente de explicar que tienes me ha hecho quedarme y dedicarme por completo a estudiar Vue 3 y mejor aun lo explicas con TS. Hasta ahora insuperable. Muchas gracias y enhorabuena por semejante calidad de contenido.
Grande Juanjo, al principio si me pareció algo denso xq vi dos clases de una, pero con el ejercicio practique todo, salio bien a la primera, gran explicación , gracias por tan valioso material!
Excelente contenido, muy educativo, muy buena manera de explicar y me sorprende como se nota la dedicación y compromiso con estos cursos. Muy buen aporte, seguiré viendo contenido de este canal y espero que siga creciendo.
@GOGODEV muchas gracias por un buen contenido y claro, aplicando Option Api y pasando como paremetros a data(props,{emit}){} el props y el emits asi como se hizo en Composition Api no funciona
Una duda, es mala práctica enviar una función por props en vez de usar emits? es que la opción de "emits" de vue la veo muy cutre, veo mas sencillo pasar por parámetros una función como lo hace react, esto está mal? que puede afectar?
Aprecio mucho el trabajo que haces en estos videos. Me son demasiado útiles! Gracias por dedicarte a hacerlos y por la paciencia y claridad con la que los desarrollas
Pregunta de entrevista técnica: Diferencia entre un método y una propiedad computada. Ambos son funciones, pero la propiedad computada va a ser activada por los cambios del valor de referencia que utilicemos. Gracias Juanjo!!!
Buen aporte! Otra diferencia es que en una función puedes incluir parámetros, mientras que en una computada no (se puede tunear, pero es complicarte la vida y probablemente romper la reactividad). Por último, hay que tener en cuenta el rendimiento: las computadas se cachean y eso puede beneficiarnos o perjudicarnos, si contiene valores que están constantemente cambiando y sólo queremos obtenerlas en determinadas ocasiones, puede ser más interesante llamar a una función en esos momentos concretos para mejorar el rendimiento. Pero vamos, estos dos casos son un poco extremos y sólo se dan en circunstancias muy especiales, pero podría ser parte de una segunda pregunta en la entrevista.
Tu aporte bro ha sido unas de los mejores tutoriales que he visto en youtube, el ejercio que dejaste en este video lo hice en dos forma de las tres que has explicado buenisimo tu tuto amigo te recomende con varias de mis compañeros de trabajos espero que sigas como vas eres el mejor, me gustaria compartir los archivos del ejercio contigo para veas, espero que tengas tiempo para hagas tuto de quasar. Mil gracias mano saludos desde venezuela
Tengo una duda sobre el tema de los props y los emit en composition con setup. Me adelanté al ejemplo que has hecho y de la lección anterior me hice el ejemplo usando el setup. Sin embargo, a la hora de declarar los props y emits, lo hice directamente como: const props = defineProps(['valor1', 'valor2', 'valor3']), emits = defineEmits(['nombreEmit']) sin el import{defineProps, defineEmits} from 'vue' previo. El caso es que me funcionó perfectamente y no sé si esa importación previa es imprescindible y a mi me funcionó porque patata o es simplemente que esa declaración de importación se hace por buenas prácticas más que por necesidad. Aunque ya te lo puse en un comentario anterior, mi enhorabuena por el contenido!!
Hola Juan Miguel! En función a la versión de vue que utilices, los define ya son precargads por vue. Así pues, si estás usando una de las últimas versiones, esta importación no es necesario explicitarla 👍
2 ปีที่แล้ว
@@GOGODEV Ah, pues será eso entonces. con npm list | grep vue@ me ha devuelto la 3.2.45 así que seguramente sea lo que dices. ¡Gracias por la aclaración. Un saludo!
Comence a conocer vue desde la version 3 y no hay duda de que el composition api con setup es lo más facil de escribir y entender. ¿por que seguir usando option?
Composition es la nueva tendencia y desde luego la que se ha impuesto. Pero tenemos que tener en cuenta que muchos paquetes de terceros están desarrollados con option. También es posible que, como desarrolladores, nos toque trabajar en nuevas características o mantenimiento de proyectos que usan option simplemente por herencia. Por eso, es importante conocer ambas opciones, de cara a desenvolvernos bien sea cuál sea el entorno. No obstante, y sin duda, composition es, a mi juicio, el formato más adecuado. 👍
Muchas gracias por la explicación. Aunque haciendo el ejercicio me dí cuenta que los datos computados necesitan que al menos una de sus dependencias sea reactiva para funcionar correctamente. Estoy en lo cierto?
Correcto. La reactividad es la que dispara el proceso de cómputo, por lo que si no hay elemento reactivo, el valor computado no se recalcula. Esto podemos solventarlo con los watchers, que los vemos más adelante en el curso y que fuerzan el recálculo, tal y como actúa un listener. Un abrazo!
Hola Gogodev. tengo un problema al usar definePros y defineEmits en composition API, me dice "Import declaration conflicts with local declation of 'defineEmits' ", por lo que entendí el setup de compisiton API ya lo importa, pero al borra la linea 'import "{defineProps, defineEmits} from vue' me sale el error que difineProps y defineEmits no están definidos. import { defineProps, defineEmits } from 'vue'; const props = defineProps({ title: String, content: String }) const emit = defineEmits(['sayHi']) const handleClick = () => { emit('sayHi', 'Hola desde el hijo') } aiuda!!!
Hola Maicol! Este es un conflicto entre las nuevas versiones de vue y el ESLINT. En este caso, en vue ya no es necesario realizar la importación en nuevas versiones. Sin embargo, si el linter no está actualizado, actuará de forma contraria, indicando el error de no importación (aunque no sea necesario) Quizás la solución más sencilla pasaría por actualizar o bajar el nivel estricto de ESLINT. Un abrazo!
Hola Jean! En este vídeo explico el tema de visual studio code que uso, la tipografía y resto de configuraciones que tengo, y cómo instalarlas: th-cam.com/video/PlXvatQIosk/w-d-xo.html 👍
Es bueno conocer option API por mantenimiento y poder aprovechar lo ya desarrollado, pero como bien indicas, todo pinta a que acabará siendo legacy Code en un futuro...
@@GOGODEV vale vale, pero la próxima deja lo q sea del pasado, de último, y siempre empieza con lo actual. ejemplo: q en todos tus videos , el primer ejemplo siempre fuera con composition script setup y después en el resto del video, las demás formas
En el mismo tono de la mayoría de los comentarios: apreciamos mucho el trabajo que hizo en esta serie de videos de VUE3. son demasiado útiles y explicativos. Sin omitir detalles importantes que hacen la diferencia con el resto de cursos "aprenda en 15 minutos" que tanto abundan por internet... gracias por la paciencia, la claridad y la calidad con la que desarrolla los contenidos. Saludos desde Venezuela
aunque sean videos largos valen totalmente la pena, nadie explica al completo todos estos temas de vue, esto más la documentación de vue que es excelente, me estoy enamorando del framework, y gracias por el curso tan completo y gratis
Muchas gracias Hernán!
Este curso es por lejos el mejor disponible en youtube, mil gracias por compartir tus conocimientos 🙌
Muchas gracias Eliseo!
Totalmente de acuerdo contigo. Podría decir también que mejor que cualquier curso de los que hay en inglés.
me encanta el como el profe entiende que la forma mas facil de enteneder es con el codigo, y ademas la explicacion con lo de los impuestos fue exquisita
Estoy tratando de aprender vue en tiempo record (menos de una semana), para poder pasar una prueba tecnica de trabajo junior.
Estoy consumiendo tus videos como helado del pote mientras trato de relacionar los conceptos a lo que ya se en React para asimilarlos mejor. Haz ayudado a mucha gente, gracias
Tengo 3 cursos comprados de Vue y la manera tan eficiente de explicar que tienes me ha hecho quedarme y dedicarme por completo a estudiar Vue 3 y mejor aun lo explicas con TS. Hasta ahora insuperable. Muchas gracias y enhorabuena por semejante calidad de contenido.
Muchas gracias, Winder!
El contenido del curso es excelente, muchas gracias por tu tiempo y por compartir tus conocimientos.
Muchas gracias por tu apoyo Oswaldo!
Grande Juanjo, al principio si me pareció algo denso xq vi dos clases de una, pero con el ejercicio practique todo, salio bien a la primera, gran explicación , gracias por tan valioso material!
Excelente contenido, muy educativo, muy buena manera de explicar y me sorprende como se nota la dedicación y compromiso con estos cursos. Muy buen aporte, seguiré viendo contenido de este canal y espero que siga creciendo.
Muchas gracias WebCool!
que gran profesor. Saludos de Chile
Exclentes Videos ya en video 6
Excelente, Cortito y al pie diria un amigo que le gusta el futbol.
Muchas gracias Alberto!
@GOGODEV muchas gracias por un buen contenido y claro, aplicando Option Api y pasando como paremetros a data(props,{emit}){} el props y el emits asi como se hizo en Composition Api no funciona
Una duda, es mala práctica enviar una función por props en vez de usar emits? es que la opción de "emits" de vue la veo muy cutre, veo mas sencillo pasar por parámetros una función como lo hace react, esto está mal? que puede afectar?
Gran curso, gracias por dedicar tiempo para hacer esto
Muchas gracias Carlos!
Aprecio mucho el trabajo que haces en estos videos. Me son demasiado útiles! Gracias por dedicarte a hacerlos y por la paciencia y claridad con la que los desarrollas
Muchas gracias Yonathan!
Pregunta de entrevista técnica: Diferencia entre un método y una propiedad computada.
Ambos son funciones, pero la propiedad computada va a ser activada por los cambios del valor de referencia que utilicemos.
Gracias Juanjo!!!
Buen aporte! Otra diferencia es que en una función puedes incluir parámetros, mientras que en una computada no (se puede tunear, pero es complicarte la vida y probablemente romper la reactividad). Por último, hay que tener en cuenta el rendimiento: las computadas se cachean y eso puede beneficiarnos o perjudicarnos, si contiene valores que están constantemente cambiando y sólo queremos obtenerlas en determinadas ocasiones, puede ser más interesante llamar a una función en esos momentos concretos para mejorar el rendimiento. Pero vamos, estos dos casos son un poco extremos y sólo se dan en circunstancias muy especiales, pero podría ser parte de una segunda pregunta en la entrevista.
Que buen contenido, estoy re enganchado a esta serie, aprendiendo un montón. Muchas gracias.
Muchas gracias Alexander!
excelente tutorial, muchas gracias por compartir tus conocimientos
Gracias por tu apoyo Gonzalo!
Tu aporte bro ha sido unas de los mejores tutoriales que he visto en youtube, el ejercio que dejaste en este video lo hice en dos forma de las tres que has explicado buenisimo tu tuto amigo te recomende con varias de mis compañeros de trabajos espero que sigas como vas eres el mejor, me gustaria compartir los archivos del ejercio contigo para veas, espero que tengas tiempo para hagas tuto de quasar. Mil gracias mano saludos desde venezuela
Muchas gracias Jose Daniel!
Claro, comparte repositorio de lo que vas realizando 👌
Y yes, quasar está dentro de la hoja de ruta del curso 👍
Execelente curso. Muchas gracias por compartir tus conocimientos.
Gracias a ti por tu apoyo!
Profe ya voy en la 6ta clase espectacular , crack!
Muchas gracias Richard. A por ello!
¡Excelente aporte!
Muchas gracias Jose!
Excelente contenido bro, mil gracias por tomarte el tiempo de crear todo este contenido
Muchas gracias Victor Hugo!
Seguimosss🔥🔥
Me gusta mucho la terminología que maneja este hombre
Muchas gracias!
profe eres un crack!!!!
Muchas gracias!
Ahora la falta de dinero no es impedimento de aprender, Muchas Gracias...! GOGODEV
La solución a mi ejercicio lo hice diferente:
import { ref, Ref, computed } from 'vue';
let price:Ref = ref(0)
const igv = computed(() => price.value*0.18)
const subtotal = computed(() => price.value-igv.value)
Muchas gracias Fernando!
Tengo una duda sobre el tema de los props y los emit en composition con setup.
Me adelanté al ejemplo que has hecho y de la lección anterior me hice el ejemplo usando el setup. Sin embargo, a la hora de declarar los props y emits, lo hice directamente como:
const props = defineProps(['valor1', 'valor2', 'valor3']),
emits = defineEmits(['nombreEmit'])
sin el import{defineProps, defineEmits} from 'vue' previo.
El caso es que me funcionó perfectamente y no sé si esa importación previa es imprescindible y a mi me funcionó porque patata o es simplemente que esa declaración de importación se hace por buenas prácticas más que por necesidad.
Aunque ya te lo puse en un comentario anterior, mi enhorabuena por el contenido!!
Hola Juan Miguel! En función a la versión de vue que utilices, los define ya son precargads por vue. Así pues, si estás usando una de las últimas versiones, esta importación no es necesario explicitarla 👍
@@GOGODEV Ah, pues será eso entonces. con npm list | grep vue@ me ha devuelto la 3.2.45 así que seguramente sea lo que dices.
¡Gracias por la aclaración. Un saludo!
Muchas gracias por este comentario me re sirvió estaba renegando por que me daba error en la importación de defineProps.
Comence a conocer vue desde la version 3 y no hay duda de que el composition api con setup es lo más facil de escribir y entender. ¿por que seguir usando option?
Composition es la nueva tendencia y desde luego la que se ha impuesto. Pero tenemos que tener en cuenta que muchos paquetes de terceros están desarrollados con option. También es posible que, como desarrolladores, nos toque trabajar en nuevas características o mantenimiento de proyectos que usan option simplemente por herencia. Por eso, es importante conocer ambas opciones, de cara a desenvolvernos bien sea cuál sea el entorno. No obstante, y sin duda, composition es, a mi juicio, el formato más adecuado. 👍
Muchas gracias por la explicación. Aunque haciendo el ejercicio me dí cuenta que los datos computados necesitan que al menos una de sus dependencias sea reactiva para funcionar correctamente. Estoy en lo cierto?
Correcto. La reactividad es la que dispara el proceso de cómputo, por lo que si no hay elemento reactivo, el valor computado no se recalcula. Esto podemos solventarlo con los watchers, que los vemos más adelante en el curso y que fuerzan el recálculo, tal y como actúa un listener. Un abrazo!
Hola Gogodev. tengo un problema al usar definePros y defineEmits en composition API, me dice "Import declaration conflicts with local declation of 'defineEmits' ", por lo que entendí el setup de compisiton API ya lo importa, pero al borra la linea 'import "{defineProps, defineEmits} from vue' me sale el error que difineProps y defineEmits no están definidos.
import { defineProps, defineEmits } from 'vue';
const props = defineProps({
title: String,
content: String
})
const emit = defineEmits(['sayHi'])
const handleClick = () => {
emit('sayHi', 'Hola desde el hijo')
}
aiuda!!!
no se si ya lo resolviste pero ya no se necesitan importar el defineProps ni el defineEmits, ya vienen por defecto
Hola Maicol! Este es un conflicto entre las nuevas versiones de vue y el ESLINT. En este caso, en vue ya no es necesario realizar la importación en nuevas versiones. Sin embargo, si el linter no está actualizado, actuará de forma contraria, indicando el error de no importación (aunque no sea necesario) Quizás la solución más sencilla pasaría por actualizar o bajar el nivel estricto de ESLINT. Un abrazo!
Saludos Gogodev me interesa saber qué tema usas en tu editor 🥺
Hola Jean! En este vídeo explico el tema de visual studio code que uso, la tipografía y resto de configuraciones que tengo, y cómo instalarlas:
th-cam.com/video/PlXvatQIosk/w-d-xo.html
👍
@@GOGODEV Muchas gracias! 😁
script setup y ya. las demás formas son para autistas. no deben emplearse más!
Es bueno conocer option API por mantenimiento y poder aprovechar lo ya desarrollado, pero como bien indicas, todo pinta a que acabará siendo legacy Code en un futuro...
@@GOGODEV vale vale, pero la próxima deja lo q sea del pasado, de último, y siempre empieza con lo actual. ejemplo: q en todos tus videos , el primer ejemplo siempre fuera con composition script setup y después en el resto del video, las demás formas