在Vue中，元件通訊是一個非常關鍵的問題。一個元件可能需要呼叫另一個元件的方法來實現自己的功能，在這種情況下，我們需要使用一些技術手段來實現元件間的通訊。
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公用方法如何呼叫別的元件方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
