1、创建VSync组件,代码如下:
<template>
<input @input="$emit('update:syncValue', $event.target.value)" />
</template>
2、引用VSync组件,代码如下:
<template>
<div>
{{ syncValue }}
<v-sync :syncValue.sync="syncValue"></v-sync>
</div>
</template>
<script>
import VSync from '@/components/VSync'
export default {
components: {
VSync
},
data () {
return {
syncValue: ''
}
}
}
</script>