Vue通过sync修饰符修改父组件的属性值

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>