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
Introducción
Bienvenidos al Curso Profesional de VueJS
Introducción a VueJS
CLI y Dev Tools
Herramientas y Experiencia de Desarrollo + Archivos .vue
CLI - Hello World
Webpack
Babel
Eslint
SASS y BULMA
PUG
Ejercicio de SASS y PUG
Ejercicio Avanzado de Pug y SASS
Manipulación del DOM
Expresiones
Directivas
Data Binding
Computed properties
Watchers
Eventos
Integración a Platzi Music
Ejercicio de Manipulación del DOM
REST y HTTP
Servicios
Fetch API & Trae
Consumir API's REST
Sistema de Componentes
Component
Creación de componentes
Reactividad
Ciclo de vida
Comunicación entre componentes padres e hijos
Comunicación de hijos hacia padres
Utilización de Slots
Comunicacion entre Componentes Genericos - Event Bus y Plugins
Vue Router
Introducción a Vue Router
Instalar vue-router y configurar router view
Crear y Navegar Rutas con router-link
Extendiendo VueJS
Modifiers
Filtros
Directivas Personalizadas
Mixins
Clases, Animaciones y Transiciones36
Vue Transitions y Animaciones de CSS
Vuex
Estado Centralizado, Flux y Vuex
State
Mutations
Getters
Actions
Integración a Platzi Music
Nuxt.js
Server Side Rendering
Nuxt.js
Conceptos Básicos de Nuxt
Deploy a Producción con Now
Qué es now
Configuración de now y deploy
Conclusiones
Cierre del curso
Bonus
Internacionalización con vue-i18n
Unit Test Karma - Mocha & Webpack
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
Ignacio Anaya
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 6
Preguntas 0
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
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.
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>
Me recuerda a los keyloggers 😕
También se los puede utilizar con las computed properties
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?