$dispatch是Vue.js中的一個事件分發系統。它在組件中廣泛使用，可以輕松地實現祖先與后代、兄弟組件之間的通信，方便地進行組件間數據傳遞。

在Vue.js中，每個組件都有一個$dispatch方法。該方法允許你在組件內部觸發一個事件，并向整個組件樹廣播，即使你在組件外部也可以接收到。

Vue.component('child', {
template: 'Click me',
methods: {
emitEvent() {
this.$dispatch('event-name', 'some data')
}
}
})

對于父組件，它可以通過監聽$dispatch來獲取子組件觸發的事件，并獲取傳遞的數據。

Vue.component('parent', {
template: '
',
mounted() {
this.$on('event-name', data =>{
console.log(data) // 'some data'
})
}
})

在以上示例中，子組件觸發了名為“event-name”的事件，它向所有祖先調度了這個事件。父組件通過監聽“event-name”事件，并獲取子組件傳遞的數據“some data”。

$dispatch是一個非常有用的工具，它可以輕松地實現組件間的數據傳遞和通信。但是，為了避免代碼的混亂和不易維護，我們需要注意使用它的方式。建議僅限于在組件樹較小且組件嵌套較少時使用，如果組件嵌套較深，則可能會導致事件冒泡和監聽事件的性能問題。