vue 子组件控制父组件

在Vue中，子组件可以通过事件来控制父组件。具体的实现方式如下：

1. 在子组件中，通过`$emit`方法触发一个自定义事件，并传递需要传递给父组件的数据。例如：

// 子组件
methods: {
  handleClick() {
    this.$emit('customEvent', data);
  }
}

2. 在父组件中，通过在子组件上监听自定义事件，并在事件处理函数中获取子组件传递的数据。例如：

<!-- 父组件 -->
<template>
  <div>
    <child-component @customEvent="handleCustomEvent"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleCustomEvent(data) {
      // 处理子组件传递的数据
    }
  }
}
</script>

通过以上方式，子组件就可以通过触发自定义事件来控制父组件，并将需要传递的数据传递给父组件。