舉個(gè)例子，比如我現(xiàn)在子組件中，需要實(shí)現(xiàn)這樣一個(gè)功能，如果props中的某個(gè)對(duì)象發(fā)生了變化，那么就觸發(fā)對(duì)應(yīng)的methods。

那么這個(gè)時(shí)候你需要用什么方法來(lái)觸發(fā)對(duì)應(yīng)的methods呢，

這里很顯然需要使用watch。

所以每個(gè)方法的存在，都是根據(jù)業(yè)務(wù)場(chǎng)景來(lái)的。

你這些問(wèn)題真的很難回答，昨天我看到一句話，不能問(wèn)一個(gè)技術(shù)的設(shè)計(jì)目的是什么，而是要問(wèn)，我遇到了哪些問(wèn)題，有哪些技術(shù)可以解決我的問(wèn)題？

當(dāng)代的軟件框架基本都是建立在軟件設(shè)計(jì)模式這個(gè)思維范疇內(nèi)的，那么watch從語(yǔ)義和實(shí)際用途分析，顯然是一種觀察者模式。那么觀察者模式本來(lái)就是應(yīng)用于誰(shuí)對(duì)變化的狀態(tài)感興趣，誰(shuí)去“觀察”這個(gè)狀態(tài)。在某些情況下，確實(shí)需要跟蹤觀察值的變化，確實(shí)要知道變化前的值和變化后的值，那么就需要使用watch。

如果題主遇到了上面的問(wèn)題，那么可以嘗試watch。

樓主只需要將watch和computed進(jìn)行對(duì)比：

1. 監(jiān)聽(tīng)的對(duì)象個(gè)數(shù)不同：
   watch只對(duì)一個(gè)對(duì)象進(jìn)行監(jiān)聽(tīng)
   computed對(duì)多個(gè)對(duì)象進(jìn)行監(jiān)聽(tīng)
2. 有無(wú)返回值

為什么要和computed對(duì)比呢，因?yàn)閮烧叩膶?shí)現(xiàn)原理是一樣的，都是通過(guò)觀察者模式，并且用的時(shí)候的感覺(jué)也很相似，無(wú)非是監(jiān)聽(tīng)的數(shù)據(jù)變化了觸發(fā)的一系列動(dòng)作。
那么watch的適用場(chǎng)景自然而然就出來(lái)了

需要對(duì)單個(gè)對(duì)象的變化做額外動(dòng)作且無(wú)需返回值的

那如果有兩個(gè)對(duì)象其中任意一個(gè)做變化，且不管其中哪個(gè)對(duì)象變化都是做相同的動(dòng)作的時(shí)候應(yīng)該怎么辦呢

把這兩個(gè)對(duì)象寫(xiě)在一個(gè)對(duì)象里面，再watch這個(gè)對(duì)象
例如：

data(){
    return {
        dataWrapper:{
            data1:null,
            data2:null
        }
    }
},
watch: {
    dataWrapper(){
        handler(){
            // do something...
        },
        deep: true
    }
}

或者

data(){
    return {
        data1:null,
        data2:null
    }
},
computed:{
    dataWrapper(){
        const {data1, data2} = this
        return {
            data1,
            data2
        }
    }
},
watch: {
    dataWrapper(){
        // do something...
    }
}

多個(gè)watch之間應(yīng)該盡量避免數(shù)據(jù)耦合，上面介紹了一種解耦方式，拋磚引玉

存在即合理，沒(méi)這個(gè)需求肯定不會(huì)出這個(gè)API

樓主加油