Phenquestions
Vue.js es una biblioteca tan fácil de aprender y accesible. Entonces, con el conocimiento de HTML, CSS y Javascript, podemos comenzar a construir aplicaciones web en Vue.js. Vue.js se construye combinando las mejores características de un Angular y React Frameworks ya existentes.
El enlace de datos es una de las características más elegantes de Vue.js porque proporciona enlace de datos reactivo / bidireccional. En vue.js, no tenemos que escribir muchas líneas para tener un enlace de datos bidireccional, a diferencia de otros marcos. La vinculación de datos unidireccional significa que la variable simplemente está vinculada al DOM. Por otro lado, bidireccional significa que la variable también está vinculada desde el DOM. Cuando se cambia DOM, la variable también se cambia. Entonces, echemos un vistazo a ambos enlaces de datos y veamos la diferencia correcta.
Enlace de datos unidireccional
Si queremos vincular cualquier variable, simplemente podemos usar Vue.la sintaxis de llaves dobles de js o la sintaxis de "Moustache" para vincular cualquier variable de la instancia relativa del componente.
linuxhintText
O, si queremos vincular cualquier variable dentro de un atributo HTML, podemos usar el v-bind directiva.
Vue.js también proporciona la abreviatura para vincular variables en un atributo HTML. En lugar de escribir v-bind: nombre-atributo, solo podemos usar dos puntos ":" y el nombre del atributo.
Pero estos son solo enlaces de datos. Para demostrar el enlace de datos bidireccional, podemos utilizar el modelo v directiva proporcionada por el Vue.js.
Enlace de datos bidireccional / reactivo
Para demostrar el enlace de datos reactivo, podemos utilizar el modelo v directiva en un campo de formulario de entrada. Emitirá internamente un evento y cambiará la variable. A la que podemos enlazar en otro lugar de la plantilla utilizando llaves dobles o sintaxis "Moustache".
Estás escribiendo: linuxhintText
Ahora, cada vez que ingresamos un carácter en el campo del formulario de entrada, podemos ver que la variable también se actualiza simultáneamente.
Terminando
En este artículo, hemos aprendido cómo vincular variables en Vue.js usando llaves dobles o sintaxis "Moustache". También hemos demostrado el enlace de datos bidireccional / reactivo en Vue.js usando la directiva v-model. Después de leer este artículo, el enlace de datos ya no es una tarea difícil para un principiante que acaba de comenzar con Vue.js. Entonces, sigue aprendiendo los conceptos de Vue.js con linuxhint.com. Gracias!
