vue父组件如何获取调子组件中的方法的返回的值

在Vue.js中，父组件想要获取子组件方法返回的值，通常通过props（属性传递）或者自定义事件（$emit）的方式实现。下面是一些常见的做法：

1. **Props（父子通信）**:
- 父组件通过`props`将需要的数据传递给子组件，并在子组件的方法中处理并返回数据。

   // 父组件
   methods: {
     getDataFromChild() {
       this.childMethod().then(result => {
         console.log('子组件返回值:', result);
       });
     }
   }

   // 子组件
   methods: {
     childMethod() {
       return new Promise(resolve => {
         // 在这里执行操作并返回结果
         const value = ...;
         resolve(value);
       });
     }
   }

2. **自定义事件（Event Emitter）**:
- 子组件通过`$emit`触发一个自定义事件，然后在父组件的`v-on`监听器中接收这个事件并处理数据。

   // 子组件
   methods: {
     sendData() {
       this.$emit('child-method-result', '返回的值');
     }
   }

   // 父组件
   <template>
     <div>
       <child-component @child-method-result="handleResult"></child-component>
     </div>
   </template>

   methods: {
     handleResult(result) {
       console.log('子组件返回值:', result);
     }
   }

无论哪种方式，都要确保在子组件内部对数据进行了适当的封装和管理。