Introducción

1

Bienvenidos al Curso Profesional de VueJS

2

Introducción a VueJS

CLI y Dev Tools

3

Herramientas y Experiencia de Desarrollo + Archivos .vue

4

CLI - Hello World

5

Webpack

6

Babel

7

Eslint

8

SASS y BULMA

9

PUG

10

Ejercicio de SASS y PUG

11

Ejercicio Avanzado de Pug y SASS

Manipulación del DOM

12

Expresiones

13

Directivas

14

Data Binding

15

Computed properties

16

Watchers

17

Eventos

18

Integración a Platzi Music

19

Ejercicio de Manipulación del DOM

REST y HTTP

20

Servicios

21

Consumir API's REST

22

Fetch API & Trae

Sistema de Componentes

23

Component

24

Creación de componentes

25

Reactividad

26

Ciclo de vida

27

Comunicación entre componentes padres e hijos

28

Comunicación de hijos hacia padres

29

Utilización de Slots

30

Comunicacion entre Componentes Genericos - Event Bus y Plugins

Vue Router

31

Introducción a Vue Router

32

Instalar vue-router y configurar router view

33

Crear y Navegar Rutas con router-link

Extendiendo VueJS

34

Modifiers

35

Filtros

36

Directivas Personalizadas

37

Mixins

Clases, Animaciones y Transiciones36

38

Vue Transitions y Animaciones de CSS

Vuex

39

Estado Centralizado, Flux y Vuex

40

State

41

Mutations

42

Getters

43

Actions

44

Integración a Platzi Music

Nuxt.js

45

Server Side Rendering

46

Nuxt.js

47

Conceptos Básicos de Nuxt

Deploy a Producción con Now

48

Qué es now

49

Configuración de now y deploy

Conclusiones

50

Cierre del curso

Bonus

51

Internacionalización con vue-i18n

52

Unit Test Karma - Mocha & Webpack

53

Implementación de Autenticación de Usuarios en Vue usando JWT

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Ciclo de vida

26/53
Recursos

Aportes 7

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Hay que tener en cuenta que:
created: En esta instancia todavia no existe el DOM, por lo cual no puedo acceder a elementos HTML.
mounted: En esta instancia ya existe el DOM y es posible acceder al mismo.
destroyed: En esta instancia el componente ya no existe mas y no va a ser posible acceder a variables declaradas en data, a métodos, etc.

Es importante entender estas limitaciones a la hora de usar los Hooks del ciclo de vida de los components.

Cada instancia de Vue pasa a través de una serie de pasos de inicialización cuando es creada - por ejemplo, se necesita configurar la observación de datos, compilar la plantilla, montar la instancia en el DOM y actualizar el DOM cuando cambian los datos. En el camino, también se ejecutan funciones llamadas hooks del ciclo de vida, lo que brinda a los usuarios la oportunidad de agregar su propio código en etapas específicas.

Por ejemplo, el hook created puede ser utilizado para ejecutar código después que una instancia es creada

Nacho si sabe de música, le gusta Spinetta jajaja

Les comparto un enlace acerca de Vue Cheatsheet, donde se explica el ciclo de vida, las directivas, propiedades y más eventos de este Framework. 😀

El created lo usamos en un capítulo pasado para consumir API’s, es un sencillo ejemplo de cómo podemos usar estos hooks:D

Por fin entiendo la importancia práctica de estos Hooks. Si bien en los tutoriales los mencionan, no generan suficiente contexto como este chaval.
Buen profesor, con la vocesota hace que siempre esté atento a cualquier explicación.

El ciclo de vida o hook son evento que permiten manipular las etapas de un componentes los hook son eventos, los hook son los siguiente beforeCreate, Create monted, beforeUpdate, update, beforeDestroy, destroyed, cada uno de estos se utilizan para insertar codigo segun lo que combengan.