请举例说明，用vue如何将父组件中点击的事件的名称动态的在子组件中显示

可以通过props属性将父组件中点击的事件名称传递给子组件，然后在子组件中动态显示。

在父组件中，首先定义一个变量来保存点击的事件名称，例如`eventName`。然后，在点击事件的处理函数中设置`eventName`为对应的事件名称。最后，将`eventName`通过props传递给子组件。

示例代码如下：

<template>
  <div>
    <button @click="handleClick('Event 1')">Event 1</button>
    <button @click="handleClick('Event 2')">Event 2</button>
    <ChildComponent :eventName="eventName" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      eventName: ''
    };
  },
  methods: {
    handleClick(eventName) {
      this.eventName = eventName;
    }
  }
};
</script>

在子组件中，接收父组件传递的`eventName`作为props，并在模板中动态显示。

子组件的示例代码如下：

<template>
  <div>
    <p>Clicked Event: {{ eventName }}</p>
  </div>
</template>

<script>
export default {
  props: {
    eventName: {
      type: String,
      default: ''
    }
  }
};
</script>

这样，当在父组件中点击不同的按钮时，子组件中会动态显示所点击的事件名称。