vue 中 watch 失效

watch有一個deep屬性的，可以試一下

我測試了一下，我這邊第一種形式也是可以的；

第一張截圖：
明顯p和q屬性應(yīng)該是watch的，因為下面都有相應(yīng)的get和set方法，但是并沒有cat_id的get和set方法，也就是你的form里面的cat_id一開始的時候并沒有設(shè)置進去（至于為什么，我也不知道），也就是一開始form里面并沒有cat_id屬性，所以使用this.form.cat_id = ...屬于新增屬性，并不能被watch到，新增屬性只能通過this.$set的形式被watch。

因為q和p都有get和set方法，那應(yīng)該就是正常watch的，所以那樣修改沒有問題。
你是不是在某個地方刪除過cat_id這個屬性？

這樣就會生效了

watch:{
    'form.cat_id': function (newValue, oldValue) {
        ...
    }
}

我按照你的敲了一遍, 修改 p q cat_id 都可以生效 你看看

data(){
    return {
        form:{
            p:1,
            q:64,
            cat_id:'',
        }
    }
},
watch:{
    form:{
        handler(newValue, oldValue) {
            console.log("---nnn---")
        },
        deep: true
    }
},
mounted: function () { 
    setTimeout(()=>{
        this.form.cat_id="xxx"
        // this.form.q=2
    },2000)
}