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 - Tutorial de Vue
Del curso: Vue avanzado 1
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…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
-
-
(Bloqueado)
Directiva v-model2 min 58 s
-
(Bloqueado)
Directiva v-bind2 min 3 s
-
(Bloqueado)
Directiva v-if, v-else, v-else-if y v-show3 min 30 s
-
(Bloqueado)
Directiva v-text y v-html1 min 46 s
-
(Bloqueado)
Directiva v-for1 min 46 s
-
(Bloqueado)
Directiva v-on2 min 49 s
-
(Bloqueado)
Creando directivas customizadas en Vue2 min 52 s
-
(Bloqueado)
-
-
-