Nombramiento de componentes
Cabe mencionar que un componente puede estar nombrado como kebab-case my-component-name o PascalCase MyComponentName y al instanciarlo como etiquetas, se puede anexar igual, pero dependera de la forma en que se registre, en este vídeo, como global.
Introducción: fundamentos de Vue.js
¿Cómo convertirte en frontend developer con Vue.js?
La magia de aprender JavaScript
¿Qué es Vue.js? Frameworks, librerías y componentes
Declarative rendering con JavaScript
Declarative rendering con Vue.js
Reactividad a profundidad
¿Qué es la reactividad?
¿Qué es un Proxy?
Crea tu propio miniframework: MiniVue
Implementando un Proxy en MiniVue
Implementando Reflect en MiniVue
Reactividad con effect, track y trigger
Implementando effect, track y trigger en MiniVue
Templates de Vue.js
Disclaimer sobre los Templates
Proyecto: PlatziCommerce con Vue.js
Expresiones
Atributos
Conditional rendering
List rendering
Event handling
APIs internas de Vue.js
Options API vs. Composition API
data() y ref()
Métodos personalizados con Options API
Métodos personalizados con Composition API
reactive()
Segunda capa: componentes de Vue.js
Componentes de Vue con Options API
Componentes de Vue con Composition API y props
Reto con componentes
Custom events o eventos personalizados con Options API
Custom events o eventos personalizados con Composition API
Watchers con Options API
Watchers con Composition API
Computed properties con Options API
Computed properties con Composition API
Ciclos de vida de un componente
Ciclos de vida de un componente: Composition API
Siguientes pasos
Continúa tu ruta de aprendizaje profesional con Vue.js
Siguientes pasos con Vue.js
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Componentes de Vue con Options API
25/37Recursos
Aportes 10
Preguntas 1
Ordenar por:
La capa de componentes es una de las cosas que más me gustan de Vue, te permite partir el problema en pedacitos y cada componente va con su propio código, y lo mejor de todo es que son reutilizables e independientes, aunque es el mismo código y es el mismo componente, cada uno trabaja por sí solo, es genial!
.
Lo único que no me gusta de usar Vue como CDN es el hecho de tener que poner el template HTML dentro del código JavaScript, por eso me gusta trabajar más con el Vue CLI xD Además, usar el CDN puede tener afectaciones en cuanto a SEO pero ese es otro tema.
.
Dejo el código de la clase:
.
https://github.com/RetaxMaster/vue3-platzi-commerce/tree/d97bfdb8ad0ef4b878a1f7822ebade8618c5fc2a
Estaba ansioso por llegar a este módulo, adoro los componentes de Vue
Si no han instalado la extensión de Samuel, este es el ID con el que lo pueden buscar entre las extensiones de VS code:
iosamuel.vuehtml
Genial el Plugin Samuel!!! 👌👏
mucho cuidado cuando nobre sus componetes en upper por ejemplo:
miComponente, pues en la etiqueta debe ir con mayusculas
<mi-componente />
La extensión VueHTML no me funciona, me formatea el código en el template, pero me quitar todo el formato del archivo index.html.
Este proyecto seria mejor, si se hiciera con el vue cli
Primera vez en mi vida escucho el verbo componetizar. xD
Muy buena clase sobre como componentizar con vue js
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?