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
Consumir API's REST
Fetch API & Trae
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
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
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
Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.