De hecho, estoy luchando bastante por transmitir información entre un componente secundario a un componente principal en un proyecto cli de Vue-js-2.
Así que tengo un modal emergente que aparece cuando los datos son verdaderos <component v-if="profile" /> esta ventana emergente contiene mi componente secundario (una página de perfil) ahora, ¿cómo se supone que voy a poder cerrar esta ventana emergente? Agregué un pequeño "icono de cruz" en él, así que necesito un evento de clic para decirle al padre que this.profile = false
Estoy seguro de que necesito hacerlo en un evento $emit, pero no entiendo cómo modificar los datos del padre en un evento secundario personalizado... ¡gracias por cualquier ayuda!
Hay dos opciones para lograr lo que necesita:
Puede consultar el modelo v
<component v-model="value">Esto es equivalente a (en la mayoría de los casos)
<component v-bind:value="data" v-on:change="data = $event">Cómo el modificador de sincronización de v-bind logra la transmisión de datos bidireccional. Pero, de hecho, estas expresiones son azúcar de sintaxis para el procesamiento de eventos.
<component v-bind:value.sync="data">equivalente a
<component v-bind:value="data" v-on:update:value="data = $event">