vue3在父组件点击按钮，子组件显示内容

在 Vue3 中，父组件可以通过 `v-on` 指令绑定一个事件，然后在事件处理函数中修改子组件的状态，从而让子组件显示内容。

具体实现步骤如下：

1. 在父组件中定义一个按钮，并绑定一个事件处理函数：

<template>
  <div>
    <button @click="showChild">显示子组件</button>
    <ChildComponent v-if="childVisible" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      childVisible: false,
    };
  },
  methods: {
    showChild() {
      this.childVisible = true;
    },
  },
};
</script>

2. 在子组件中定义需要显示的内容：

<template>
  <div>
    子组件的内容
  </div>
</template>

3. 在父组件中引入子组件，并在需要显示子组件的位置使用 `v-if` 指令根据 `childVisible` 的值来判断是否显示子组件。

4. 在父组件的 `showChild` 方法中，将 `childVisible` 的值设置为 `true`，从而触发子组件的显示。

这样，在父组件中点击按钮后，子组件就会显示出来。