vue2子组件methods方法如何传给父组件

在Vue2中，子组件的方法如何传递给父组件有几种方式可以实现。以下是其中两种常用的方法：

1. 使用自定义事件：
- 在子组件中，通过`$emit`方法触发一个自定义事件，并将需要传递给父组件的数据作为参数传递。
- 在父组件中，通过在子组件上监听该自定义事件，并在事件处理函数中接收传递的数据。

例如，在子组件中定义一个方法`childMethod`，并通过自定义事件将该方法传递给父组件：

   // 子组件
   methods: {
     childMethod() {
       // 子组件逻辑...
     }
   }

   // 父组件模板
   <template>
     <div>
       <child-component @custom-event="handleChildMethod"></child-component>
     </div>
   </template>

   // 父组件方法
   methods: {
     handleChildMethod() {
       // 父组件逻辑...
     }
   }

2. 使用`$refs`引用子组件：
- 在父组件中，通过给子组件添加`ref`属性来获取对子组件实例的引用。
- 然后可以直接通过该引用调用子组件的方法。

例如，在父组件中引用子组件，并调用子组件的方法：

   // 子组件
   methods: {
     childMethod() {
       // 子组件逻辑...
     }
   }

   // 父组件模板
   <template>
     <div>
       <child-component ref="childRef"></child-component>
     </div>
   </template>

   // 父组件方法
   methods: {
     callChildMethod() {
       this.$refs.childRef.childMethod();
     }
   }