uniapp双向绑定

Uni-app中的双向数据绑定可以通过`.sync`修饰符实现。`.sync`修饰符可以在子组件中将父组件的数据同步到子组件中，并且在子组件中修改数据时，也会同步到父组件中。具体实现方法如下：

1.在父组件中定义一个变量，并将该变量作为子组件的属性传递给子组件。

2.在子组件中，使用`.sync`修饰符将父组件传递过来的属性绑定到子组件的一个变量上。

3.在子组件中，通过修改该变量的值来实现双向数据绑定。

下面是一个示例代码：
父组件中：

<template>
  <div>
    <p>父组件中的数据：{{message}}</p>
    <child :message.sync="message"></child>
  </div>
</template>

<script>
import child from '@/components/child.vue'

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

子组件中：

<template>
  <div>
    <p>子组件中的数据：{{localMessage}}</p>
    <button @click="updateMessage">修改数据</button>
  </div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      localMessage: this.message
    }
  },
  methods: {
    updateMessage() {
      this.localMessage = 'Hello Uni-app!'
      this.$emit('update:message', this.localMessage)
    }
  },
  watch: {
    message(newVal) {
      this.localMessage = newVal
    }
  }
}
</script>

在子组件中，我们使用了`props`来接收父组件传递过来的`message`属性，并使用`.sync`修饰符将其绑定到了子组件的`localMessage`变量上。在子组件中，我们通过修改`localMessage`的值来实现双向数据绑定，并使用`$emit`方法将修改后的值传递给父组件。