How to use the.sync modifier in Vue

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.

1. The component cannot modify external data for props
2. $emitCan trigger events and pass parameters
3. $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”