vue typescript emit -在父级中获取值

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

<script lang="ts">
import { defineComponent, ref, emit } from 'vue';

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

// 父组件
<template>
  <div>
    <child-component @getValue="getValueFromChild"></child-component>
    <p>从子组件获取的值：{{ childValue }}</p>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';

export default defineComponent({
  data() {
    return {
      childValue: ''
    };
  },
  methods: {
    getValueFromChild(value: string) {
      this.childValue = value;
    }
  }
});
</script>