Vue.jsで深い連想配列の値をwatchしたい場合

Vue.jsで深い連想配列の値をwatchしたい場合:

深い連想配列の値をwatchしたい場合は、こうする。

var data = { 
    hogedData: { 
        fugaData: '', // これの変更をwatchしてイベントを起こしたいとする 
        piypData: '' 
    } 
} 
 
var vue = new Vue({ 
    data: data, 
    watch: { 
       hogeData: { 
            handler(val) { 
                console.log(val); // この辺に、functionを書くとfugaDataの変更を感知して起動できる 
            }, 
            deep:true 
   } 
}) 

参考サイト

Vue.js API
https://jp.vuejs.org/v2/api/#vm-options