vue父子组件之间相互调用方法函数

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

 

子组件方法：

父组件调用子组件： 

父组件调用子组件的方法：this.$refs.ref名.方法名

父组件调用子组件方法时有可能会出现子组件比父组件慢一步的情况，这时候就要在父组件调用子组件方法的时候加一个延时函数，像这样

 

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

父组件方法：

子组件调用父组件方法：this.$parent.方法名

在子组件中利用this.$parent调用父组件的自定义方法，报TypeError: this.$parent.xxx is not a function的错。这里为什么出错大家自己上网查一下，其实就是父组件没有找对，具体哪没找对我也是一知半解。可以试着打印一下，看看父组件有没有找对。

解决办法就是一直往下找父组件，怎么才能知道有没有找成功呢，你就在父组件的方法里面打印一个特殊语句，如果找成功了，特殊语句就会触发，显示在控制台上。