vue2父组件调用子组件事件

在 Vue.js 中，父组件想要调用子组件的事件通常会通过 `v-on` 或者 `@`（简写）绑定的自定义事件来完成。这里有一个基本的步骤：

1. **在子组件上定义事件**：
子组件需要先定义一个自定义事件，比如一个名为 `myEvent` 的方法，并在其模板中绑定这个事件：

   <template>
     <button @click="myEvent('Hello from child')">点击我</button>
   </template>

   <script>
   export default {
     methods: {
       myEvent(msg) {
         this.$emit('parent-event', msg);
       }
     }
   };
   </script>

2. **在父组件中监听子组件事件**：
父组件通过 `v-on` 或 `@` 来监听子组件发出的事件。当子组件触发 `myEvent` 时，父组件会在对应的处理函数中接收到消息：

   <template>
     <child-component @parent-event="handleChildEvent"></child-component>
   </template>

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

   export default {
     components: { ChildComponent },
     methods: {
       handleChildEvent(msg) {
         console.log(`Received message from child: ${msg}`);
       }
     }
   };
   </script>