在vue3里，从输入框中输入数据，将两个变量通过v-model同时绑定，使两个变量获得相同的，从输入框输入的值。同时增加一个按钮，此按钮带有点击事件，点击一次，计数器加一

。您好，欢迎与我交流。针对你的问题，在Vue3中，你可以直接使用v-model指令将输入框中的数据绑定到一个变量上，然后将这个变量通过props传递给子组件，即可实现多个组件同时获得相同的值。以下是示例代码：

在父组件中：

<template>
  <div>
    <input v-model="inputData" />
    <ChildComponent :value="inputData" />
    <button @click="handleClick">点击计数</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      inputData: '',
      count: 0
    }
  },
  methods: {
    handleClick() {
      this.count++
      console.log(this.count)
    }
  }
}
</script>

在子组件ChildComponent中：

<template>
  <div>{{ value }}</div>
</template>

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

这样，当你在输入框中输入数据时，父组件和子组件中的value变量都会同步更新，点击计数按钮时，count变量会自增，同时控制台会输出计数结果。