xxxxxxxxxx
Although a bit magical, v-model is essentially syntax sugar for updating
data on user input events, plus special care for some edge cases.
xxxxxxxxxx
<input v-model="message" placeholder="edit me">
<p>Message is: {{ message }}</p>
xxxxxxxxxx
// ChildComponent.vue
export default {
props: {
modelValue: String // раньше было `value: String`
},
emits: ['update:modelValue'],
methods: {
changePageTitle(title) {
this.$emit('update:modelValue', title) // раньше было `this.$emit('input', title)`
}
}
}
1