Vue .sync 修饰符：实现父组件与子组件双向绑定

在Vue中，.sync修饰符可以让子组件和父组件之间进行双向绑定。具体使用方法如下：

1. 父组件中定义一个变量，并把它作为子组件的props传递给子组件。

<template>
  <div>
    <Child :value.sync='parentValue'></Child>
  </div>
</template>

<script>
import Child from './Child.vue';

export default {
  components: { Child },
  data() {
    return {
      parentValue: 'hello world'
    }
  }
}
</script>

2. 子组件中使用props接收父组件传递过来的变量，并使用$emit方法向父组件发送变量。

<template>
  <div>
    <input type="text" :value="value" @input="$emit('update:value', $event.target.value)">
  </div>
</template>

<script>
export default {
  props: {
    value: String
  }
}
</script>

在子组件中，$emit方法的第一个参数为'update:value'，这是一个固定的写法，用于向父组件发送变量。第二个参数为要发送的变量值。

这样，当子组件中的input输入框的值改变时，就会向父组件发送变量，实现了双向绑定。

注意，使用.sync修饰符时，子组件中的props的名称必须为value，否则会报错。