Del curso: Vue avanzado 1

Accede al curso completo hoy mismo

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

Directiva v-bind

Directiva v-bind

En esta lección te voy a comentar sobre la etiqueta 'v-bind'. 'V-bind' se utiliza para ligar la propiedad de un objeto o etiqueta HTML a un valor reactivo en una aplicación Vue. Aquí en pantalla puedes ver un ejemplo. En esta aplicación yo tengo un componente que se llama 'FormularioPersona'. Si abrimos 'FormularioPersona', notarás que hay una 'prop' que se llama 'mostrarFormulario' la cual el componente utiliza para mostrar u ocultar el formulario. Yo aquí estoy utilizando 'v-bind' para ligar el 'prop' de 'Formulario Persona' a una variable que se llama 'mostrarFormulario'. Entonces, cuando esta variable cambie, este valor se pasará a mostrar el formulario y el formulario persona mostrará u ocultará el formulario. Esto gracias a la directiva v-bind. Nosotros también podemos escribir esto de manera abreviada simplemente removiendo la parte que dice v-bind y simplemente dejando los dos puntos. Cualquier opción es válida, pero generalmente tú encontrarás tutoriales en el Internet que…

Contenido