vue子组件模拟触发父组件

当子组件需要向父组件传递数据时，可以通过在子组件中使用$emit方法来触发父组件的事件。具体步骤如下：
1.在子组件中定义一个方法，该方法通过$emit方法触发一个自定义事件，并将需要传递给父组件的数据作为参数传递给该事件。
2.在父组件中使用子组件时，通过v-on指令监听子组件触发的自定义事件，并在父组件中定义一个方法来处理该事件，该方法的参数即为子组件传递的数据。
下面是一个示例代码：

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

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