vue父子组件方法相互调用

一直使用vue的子组件调用父组件方法，很少使用父组件调用子组件方法，前几天用了一次，在这记录一下，便于以后使用

1、子组件调用父组件方法

<home-search v-on:listenToSearchChildEvent="ChildSearchEventAction"/>
    

其中home-search是自定义子组件，listenToSearchChildEvent是子组件调用的时候使用的，具体在中的使用如下所示

this.$emit("listenToSearchChildEvent");

这样子组件就可以通过listenToSearchChildEvent调用父组件的方法ChildSearchEventAction了

2、父组件调用子组件方法

<home-map ref="HomeMap"/>
      

其中home-map是自定义子组件，父组件调用home-map的reload();方法代码如下：

this.$refs.HomeMap.reload();

要确保子组件HomeMap有reload();方法，

这样就可以实现子组件调用父组件方法、父组件调用子组件方法了。