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-model - Tutorial de Vue
Del curso: Vue avanzado 1
Directiva v-model
En esta lección te voy a hablar sobre la directiva v-model. Para eso vamos a ver cómo se aplica en esta aplicación que ves en pantalla. Aquí tenemos una lista de personas y luego hay un formulario que se puede utilizar para agregar una persona nueva. Por ejemplo, si yo pongo aquí mi nombre, un correo, en la ciudad donde vivo, puedes notar que el nuevo registro se ha creado. Te voy a mostrar cómo yo he utilizado v-model dentro del formulario. Mientras creaba el formulario noté que los tres campos de texto nombre, correo y ciudad eran muy similares. Cada uno tenía un "label" y un "input" de tipo texto. Entonces, yo he creado un componente para así evitar la duplicación de código en la aplicación. Dentro del componente 'CampoTexto' yo estoy utilizando v-model para ligar el valor de este campo a una variable que se llama 'valor'. Es muy probable que esto ya tú lo hayas visto en alguna otra aplicación de Vue, ya que es generalmente la manera en que uno liga un formulario con variables en…
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)
-
-
-