代码示例实现子组件传值给父组件

可以通过在子组件中定义一个函数，将需要传递的值作为参数传入，然后在父组件中通过props接收该函数，并在需要的地方调用该函数，从而实现子组件向父组件传值的功能。具体实现可以参考以下代码示例：

子组件：

<template>
  <div>
    <button @click="handleClick">传值给父组件</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      this.$emit('childToParent', '我是子组件传递的值')
    }
  }
}
</script>

父组件：

<template>
  <div>
    <p>{{ message }}</p>
    <child-component @childToParent="handleChildToParent"></child-component>
  </div>
</template>

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

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