vue子组件判断是否有父组件传过来的方法

我们在vue开发过程中经常会把公用的代码封装成组件来方便其他页面调用，同时我们可以给组件传递参数和方法来供组件内部使用，这里我们介绍一下子组件中接收父组件的方法数组vm.$listeners

vm.$listeners

官网解释：包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。

意思是组件中用来记录父组件传过来的方法数组，用于记录父组件传给子组件的所有方法集合，我们可以使用这个数组来判断父组件是否提供了这个方法给字组件：

if(that.$listeners['backFun']){
	// 如果提供执行
    that.$emit('backFun');
 }else{
	 // 否侧执行其他
     this.GoBack();
 }

当我们在使用这个组件的时候如果给他传了backFun方法就会调用这个方法，否则执行组件内部的方法

<children @backFun="backFun" />

<children />