Vue 子组件更新父组件的值

<template>
  <button @click="sendData()">发送数据给父组件</button>
</template>
<script>
export default {
  methods: {
    sendData() {
      this.$emit('custom-event', '这是子组件传递给父组件的数据');
    }
  }
}
</script>

2.在父组件中

<template>
  <div>
    <my-component @custom-event="handleCustomEvent"></my-component>
  </div>
</template>
<script>
import MyComponent from './MyComponent.vue';
export default {
  components: {
    'my-component': MyComponent
  },
  methods: {
    handleCustomEvent(data) {
      console.log(data); // 输出：这是子组件传递给父组件的数据
    }
  }
}
</script>