vue怎么能不做双向绑定

在 Vue 中，有一个特殊的选项 `sync`，可以用于绑定父组件的属性到子组件的 prop 上，并且在父组件的属性更新时同步更新到子组件上。

你可以使用 `sync` 特殊选项来替代双向绑定：

// 父组件
<template>
  <div>
    <input v-model="message">
    <my-component :message.sync="message"></my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  },
  data() {
    return {
      message: 'Hello'
    }
  }
}
</script>

// 子组件
<template>
  <div>
    {{ message }}
  </div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      required: true
    }
  }
}
</script>

这样在父组件的 `message` 更新时，会自动同步到子组件的 `message` 上。但是子组件对 `message` 的修改不会影响到父组件。