Vue父组件如何调用子组件的方法

在Vue中，父组件可以通过ref直接调用子组件的方法。在父组件中，使用`ref`属性给子组件添加一个引用，然后通过`this.$refs`来访问子组件的实例。例如，在父组件的`handleClick`方法中，可以使用`this.$refs.child.methodName()`来调用子组件的方法。

另外一种方法是使用组件的`$emit`和`$on`方法。在父组件中，通过`this.$refs.child.$emit("eventName")`来触发子组件的事件。然后在子组件中使用`this.$on("eventName", callback)`来监听这个事件，callback中可以写子组件的方法。这样当父组件调用`$emit`时，子组件的方法就会被触发。

需要注意的是，在使用`$emit`和`$on`方法时，事件名称需要保持一致。比如在父组件中使用`this.$refs.child.$emit("childmethod")`触发事件，在子组件中需要使用`this.$on("childmethod", callback)`来监听该事件。