父组件使用 .sync
修饰符
<template>
<div class="Home">
<v-model :text.sync='text' ></v-model>
<div>{{text}}</div>
</div>
</template>
子组件利用 this.$emit('update:text', text)
更新父组件的值
<template>
<div class="VMoldel">
<input @input="onInput" />
</div>
</template>
<script>
export default {
name: 'VMoldel',
methods: {
onInput (e) { //更新父组件的值
this.$emit('update:text', e.target.value)
}
},
}
</script>