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

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…

Contenido