vue中如何将子组件的值传给父组件？

在Vue中，可以通过自定义事件将子组件的值传递给父组件。具体步骤如下：

1. 在子组件中，使用`$emit`方法触发一个自定义事件，并将需要传递的值作为参数传入。
2. 在父组件中，使用`v-on`指令监听子组件触发的自定义事件，并在对应的方法中接收传递的值。

下面是一个示例代码：

子组件：

<template>
  <button @click="sendValue">传递值给父组件</button>
</template>

<script>
export default {
  methods: {
    sendValue() {
      const value = '这是子组件的值';
      this.$emit('childValue', value);
    }
  }
}
</script>

父组件：

<template>
  <div>
    <p>接收到的子组件的值：{{ receivedValue }}</p>
    <child-component @childValue="handleChildValue"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      receivedValue: ''
    }
  },
  methods: {
    handleChildValue(value) {
      this.receivedValue = value;
    }
  }
}
</script>

在上述示例中，子组件通过`$emit`方法触发了一个名为`childValue`的自定义事件，并将值`'这是子组件的值'`作为参数传递给父组件。父组件通过`v-on`指令监听了子组件触发的`childValue`事件，并在`handleChildValue`方法中接收到了子组件传递的值，并将其赋值给`receivedValue`变量。最终，在父组件的模板中可以显示接收到的子组件的值。