Vueでネストしたプロパティをwatchする

こんな感じのデータがあったとします。

date () {
  return {
      user: {
          id: ''
            name: '',
            age: 0
        }
    }
}

次のやり方ではwatchしてくれません。

watch: {
  checkUniqId: function () {
      console.log('It's already taken.')
    }
}

deep: trueを指定してあげると、うまくいきます。

watch: {
  checkUniqId: {
        handler: function () {
        console.log('It's already taken.')
    },
        deep: true
    }
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です