vue3 子组件修改父组件传来的值

在Vue3中，子组件修改父组件传来的值可以通过使用`$emit`方法来实现。在子组件中，通过`this.$emit('事件名称', 参数)`来触发一个自定义事件，然后在父组件中通过使用`@事件名称`来监听这个自定义事件，并在对应的方法中处理数据。

下面是一个示例代码：

子组件：

<template>
  <h1>{{ count }}</h1>
  <button @click="addCount">点击改变父组件的值</button>
</template>

<script>
export default {
  props: {
    count: Number
  },
  methods: {
    addCount() {
      this.$emit('changeCount', 1);
    }
  }
}
</script>

父组件：

<template>
  <div id="app">
    <Children :count="count" @changeCount="updateCount" />
  </div>
</template>

<script>
import Children from './components/Children.vue';

export default {
  components: {
    Children
  },
  data() {
    return {
      count: 0
    };
  },
  methods: {
    updateCount(value) {
      this.count += value;
    }
  }
}
</script>

在上面的示例中，子组件通过点击按钮触发`addCount`方法，并将1作为参数传递给父组件的`changeCount`事件。父组件中定义了`updateCount`方法来接收这个参数，并更新父组件的`count`属性。