Principio del modelo v:
Por el contacto con Vue, sabemos que v-model es lograr un enlace de datos bidireccional ¿Cuál es el principio del enlace?
De hecho, el modelo v es esencialmente azúcar sintáctico. Después de usar el modelo v, los datos se enlazan y se agrega un detector de eventos @input.
<input v-model = 'search' />
Es equivalente a
<input: bind = 'search' @ input = 'search = $ event.target.value'>
Cuando se usa el modelo v en el elemento de entrada para lograr el doble enlace de datos, de hecho, el evento de entrada del elemento se activa durante la entrada.A través de este azúcar sintáctico, también se puede lograr el enlace bidireccional de los datos de los componentes principales y secundarios.
Componente principal:
Subcomponentes:
Los datos del componente primario están vinculados a la propiedad props del componente secundario a través de v-bind, y el valor se usa por defecto en props, y luego la entrada del evento es activada por $ emit, porque el evento enlazado por el modelo v es input, así que en El evento de entrada del componente primario se activa en el componente secundario. Al activar el evento para que pase el valor, se logra el enlace bidireccional de los datos del componente primario y secundario, que se reduce en comparación con el uso directo de v-bind y el código de evento personalizado.