vue组件中的值，传递给父组件使用 this.$emit完成

在Vue组件中，如果想要将一个值传递给父组件，可以使用自定义事件和`$emit`方法。下面是一个示例：

在子组件中，定义一个值，并在需要的时候通过`$emit`方法触发自定义事件，并将值作为参数传递：

// 子组件
<template>
  <div>
    <button @click="sendValue">发送值</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: 'Hello, World!'
    }
  },
  methods: {
    sendValue() {
      this.$emit('custom-event', this.value);
    }
  }
}
</script>

然后，在父组件中，通过监听子组件触发的自定义事件，获取传递的值，并在需要的地方使用它：

// 父组件
<template>
  <div>
    <child-component @custom-event="handleCustomEvent"></child-component>
    <p>接收到的值：{{ receivedValue }}</p>
  </div>
</template>

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

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

通过这种方式，你可以将子组件中的值传递给父组件，并在父组件中使用它。当子组件中的按钮被点击时，值会被发送到父组件，并在父组件中显示出来。