vue watchを使用して複数のプロパティを同時にリスニングする

開発では、複数のプロパティをリスニングし、同じ関数を実行する必要がある場合に遭遇します.ここでは、2つの方法を記録します.
第一の方法

data () {
  return {
     city: '',
     area: '',
     currentPage: ''
  }
},
 
watch: {
   city: function (val) {

      //          

   },
   area: function (newVal,oldVal) {

      //          

   }, 
}

第2の方法

data () {
  return {
     city: '',
     area: '',
     currentPage: ''
  }
},

computed: {
    listenChange () {
        const { city, area, currentPage } = this
        return { city, area, currentPage }
    },
},
 
watch: {
   listenChange (val) {

      //          

   },
    
}