Parent
<modal
:newName='newName'
@changeNewName="changeNewName"
></modal>
data() {
return {
newName: '',
}
methods: {
changeNewName(name) {
this.newName = name;
}
}
Child
<input
v-model="newNameChild"
><input>
props: ['newName'],
computed: {
newNameChild: {
get() {
return this.newName
},
set(name) {
if (this.newName !== name) this.$emit('changeNewName', name)
}
}
},