Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Two-way-data-biding en Vue.js

Two-way-data-biding en Vue.js - Tutorial de Vue.js

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Two-way-data-biding en Vue.js

“

En Vue, la vinculación de los datos y la interfaz se hace de manera unidireccional. Esto significa que la interfaz cambia cuando los datos se actualizan, pero hay un escenario especial donde esta actualización se hace de manera bidireccional. A este concepto se le llama también Two-way data binding. Como en este ejemplo que ves aquí, yo tengo un input en HTML y aquí donde yo pongo un mensaje, puedes notar que la interfaz se actualiza automáticamente. Este enlace bidireccional entre los datos y la interface se logra a través de la directiva v-model. Esto significa que yo estoy ligando el valor de este input con una propiedad reactiva dentro del componente. Entonces, cuando el valor cambia dentro del input, este automáticamente cambia la propiedad reactiva que, por la cual, cambia dentro de la interfaz. Puedes notar entonces, que el valor del input está totalmente ligado a la propiedad reactiva dentro del componente. Este es un concepto importante de entender a la hora de trabajar con…

Contenido