Vue是一款流行的JavaScript框架，其中包含許多有用的內(nèi)置方法。其中一種方法是$方法，它具有多種用途，可以大大簡(jiǎn)化Vue應(yīng)用程序開(kāi)發(fā)中的許多常見(jiàn)任務(wù)。

最常用的$方法是$watch。它可以監(jiān)視Vue實(shí)例中的數(shù)據(jù)變化。下面是一個(gè)例子：

const app = new Vue({
data: {
message: 'Hello, Vue!'
}
});
// 監(jiān)控 message 變化
app.$watch('message', function(newValue, oldValue) {
console.log('oldValue:', oldValue, 'newValue:', newValue);
});

在上面的例子中，我們創(chuàng)建了一個(gè)Vue實(shí)例，并在其中定義了一個(gè)名為“message”的數(shù)據(jù)屬性。然后，我們使用$watch方法監(jiān)視該屬性的變化。每次message的值發(fā)生變化時(shí)，回調(diào)函數(shù)都會(huì)被調(diào)用，并且新舊值都會(huì)作為參數(shù)傳遞進(jìn)去。

另一個(gè)常用的$方法是$on。它可以用于在整個(gè)Vue實(shí)例中注冊(cè)自定義事件。下面是一個(gè)例子：

const app = new Vue();
// 監(jiān)聽(tīng)自定義事件 'my-event'
app.$on('my-event', function(data) {
console.log('觸發(fā)了my-event，數(shù)據(jù)為:', data);
});
// 觸發(fā)自定義事件 'my-event'
app.$emit('my-event', {
name: 'Tom',
age: 18
});

在上面的例子中，我們創(chuàng)建了一個(gè)Vue實(shí)例，并使用$on方法在整個(gè)實(shí)例中注冊(cè)了一個(gè)名為“my-event”的自定義事件。當(dāng)事件被觸發(fā)時(shí)，回調(diào)函數(shù)將會(huì)被調(diào)用，并且傳入了一個(gè)數(shù)據(jù)對(duì)象。我們使用$emit方法來(lái)觸發(fā)自定義事件，并傳遞了一個(gè)數(shù)據(jù)對(duì)象作為參數(shù)。

除此之外，$方法還有一些其他用途，例如：

• $set：可以用于添加響應(yīng)式屬性，以便在已有的對(duì)象上添加屬性時(shí)，能夠監(jiān)聽(tīng)到屬性的變化。
• $nextTick：可以用于等待DOM更新后執(zhí)行的回調(diào)函數(shù)。
• $forceUpdate：可以用于強(qiáng)制Vue實(shí)例重新渲染。
• 等等。

總之，Vue的$方法是非常有用的工具，可以幫助我們完成許多常見(jiàn)任務(wù)。如果你還沒(méi)有使用它們，那么一定要嘗試一下。