Vue’s official document.sync description → Click here
Blog Reference: Click here
This modifier was added in version 2.3.0+.
What if a child component cannot modify a value received from an external parent? When the value of the child component is changed, an event is raised and the new value is saved in a place where the parent component listens for the event of the child component, gets the value, and modifies it to the value.
- The component cannot modify external data for props
$emitCan trigger events and pass parameters$eventYou can get$emitPass parameters.
.sync is a syntactic candy bar that simplifies listening to a string of code.
“@Sand Panning wizard in the Waves”