vue porp传值传方法默认空方法

Vue.js中的`props`（属性）用于从父组件向子组件传递数据。当需要通过`props`传递方法时，可以将方法作为值直接定义在父组件的prop上，然后在子组件中接收这个方法。通常，如果要提供一个默认的行为，可以设置一个空函数或者返回null。

例如，在父组件中：

<template>
  <child-component :myMethod="doSomething" />
</template>

<script>
export default {
  methods: {
    doSomething() { /* 这是一个默认的行为 */ }
  },
  // 父组件也可以选择直接传入一个方法，比如从API获取并处理
  // data() {
  //   return {
  //     myMethod: this.fetchAndProcessData
  //   };
  // },
}
</script>

然后在子组件中接收它：

<template>
  <button @click="callParentMethod">点击调用方法</button>
</template>

<script>
export default {
  props: {
    myMethod: { type: Function, default: () => {} } // 默认为空函数
  },
  methods: {
    callParentMethod() {
      this.myMethod();
    }
  }
}
</script>