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

Fetch API & Trae

22

Consumir API's REST

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

No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Watchers

16/53
Recursos

Los Watchers nos permiten ejecutar código a partir de que una propiedad de nuestro View Model cambia.
A diferencia de las Computed Properties no devuelven un valor, no son propiedades y tampoco pueden ser utilizadas en expresiones.

Aportes 7

Preguntas 0

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Los watchers son funciones que se ejecutan cada vez que una propiedad cambia, deben llamarse igual que la propiedad a la que vamos a vigilar, y esto permite ejecutar un código que necesitemos:D

Seg√ļn la documentaci√≥n de vue, los watchers aceptan funciones as√≠ncronas,

Me recuerda a los keyloggers ūüėē

Se me ocurre una función de watch en las opciones de suscripcion de platzi. Cuando el usuario activa cancelar su suscripcion el valor cambia y por tanto se debe observar ese cambio para mostrarle un aviso del porque de su decisión.
WOOW

<template lang="pug">
  #app
    input(v-model="yearBorn", placeholder="a√Īo de nacimiento")
    p tienes {{yearsOld}} a√Īos.
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      name: '',
      lastname: '',
      actualYear: 2019,
      yearBorn: null
    }
  },
  computed: {
    yearsOld: function () {
      return parseInt(this.yearBorn) - parseInt(this.actualYear)
    }
  }
}
</script>

<style lang="scss">
  @import './css/main.scss'
</style>

Los Watchers nos permiten ejecutar código a partir de que una propiedad de nuestro View Model cambia.
A diferencia de las Computed Properties no devuelven un valor, no son propiedades y tampoco pueden ser utilizadas en expresiones.

También se los puede utilizar con las computed properties