深い連想配列の値を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