Si un componente secundario desea modificar los datos del componente principal, a menudo utiliza eventos personalizados para modificarlos. Eso es $emit, de esta manera el componente padre debe escribir un método para modificar las propiedades. como:
Por supuesto, no hay ningún problema con este enfoque. Pero cuando se escribe como un componente compartido, este método parece torpe y difícil de invocar y mantener.
La forma de solucionar este inconveniente es utilizar el modificador .sync:
sync es esencialmente azúcar sintáctico. Cuando agregas .sync, es equivalente al código:
donde fn1:
fn1(elección){
este.dinero = val
}
.sync es equivalente a vincular una propiedad al componente (el subcomponente aún la recibe a través de accesorios) y ha acordado un evento personalizado, @update: nombre del atributo. De esta manera, el subcomponente solo necesita pasar $emit(update: Attribute nombre, val), puede modificar las propiedades del componente principal, lo cual es muy conveniente tanto para llamadas como para mantenimiento.