vue 使用watch同时监听多个属性

在开发中，遇到需要监听多个属性，然后执行同一个函数，这里记录两种方法

第一种方法

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

      // 写要执行的代码片段

   },
   area: function (newVal,oldVal) {

      // 写要执行的代码片段

   }, 
}

第二种方法

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

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

      // 写要执行的代码片段

   },
    
}