vue提供了很多方法来实现组件间的通信，包括事件总线、vuex、props和emit等等。但是当我们需要在公用方法中调用别的组件的方法时，使用这些方法可能会变得复杂和麻烦。这时候，我们可以使用vue实例上的$root和$refs来实现调用别的组件方法。
$root和$refs是vue实例的两个属性，它们可以让我们在一个组件中访问另一个组件。$root是根vue实例，可以访问整个vue应用。$refs是一个对象，它包含了所有具有ref属性的子组件。
首先，我们需要在另一个组件中定义一个方法，并在模板中给这个组件添加一个ref属性。例如：
<template> <div> <button @click="increment">点击我</button> </div></template><script> export default { methods: { increment() { this.$emit('increment') } } }</script>
在这里，我们定义了一个increment方法，并将其绑定到一个按钮上。当按钮被点击时，increment方法会触发一个自定义事件'increment'。同时，我们将这个组件指定为其父组件的子节点，并给其添加一个ref属性。
接下来，在父组件中，我们可以通过$refs属性来访问子组件，并调用其方法。例如：
<template> <div> <childcomponent ref="child" /> </div></template><script> import childcomponent from './childcomponent' export default { components: { childcomponent }, created() { console.log(this.$refs.child) this.$refs.child.increment() } }</script>
在这里，我们创建了一个父组件，并在模板中添加了一个子组件childcomponent。同时，我们通过this.$refs.child来获取子组件的实例，并调用其increment方法。我们在created钩子中调用$refs是因为在mounted钩子时，子组件还没有被创建。
这样，我们就可以轻松地在公用方法中调用别的组件的方法了。我们只需要在公用方法中通过$root或者$refs来获取对应的组件实例，并直接调用其方法即可。
需要注意的是，$refs是一个非响应式的对象，并且它只会在组件渲染时被填充，因此如果我们需要在组件渲染前获取子组件的实例，可以使用$children属性。
总结起来，通过$root和$refs来调用别的组件的方法是一种非常方便和实用的方法。但是，我们需要注意一些细节问题，如组件是否已被渲染、是否存在ref属性等等。当我们在公用方法中需要调用别的组件方法时，这个方法可以提供一个很好的解决方案。
以上就是vue公用方法如何调用别的组件方法的详细内容。