vue2watch监听多个方法

Vue2中的watch可以监听多个方法。在watch节点下，可以定义多个侦听器，每个侦听器对应一个方法。例如：

const vm = new Vue({
  el: '#app',
  data: {
    username: '',
    age: 0,
    email: ''
  },
  watch: {
    username(newVal, oldVal) {
      console.log('用户名变化：', newVal, oldVal)
    },
    age(newVal, oldVal) {
      console.log('年龄变化：', newVal, oldVal)
    },
    email(newVal, oldVal) {
      console.log('邮箱变化：', newVal, oldVal)
    }
  }
})

以上代码中，watch节点下定义了三个侦听器，分别监听了username、age和email这三个方法。当这些方法的值发生变化时，对应的侦听器会被触发。

相关问题

vue3watch监听多个方法

在Vue3中，可以使用数组来监听多个参数。例如，如果需要同时监听name和cont两个参数，可以这样写：

const name = ref(0);
const cont = ref(0);

watch([name, cont], (newVal, oldVal) => {
   // 监听回调函数
   console.log(newVal);
   console.log(oldVal);
});

这样，当name或cont发生变化时，watch会触发回调函数并打印出新旧值。需要注意的是，如果监听多个参数，回调函数的参数newVal和oldVal也会是一个数组，按照参数在数组中的顺序进行对应。

vue2watch监听多个数据

在Vue2中，我们可以使用watch选项来监听多个数据的变化。可以通过在watch对象中添加多个属性来实现对多个数据的监听。每个属性对应一个回调函数，当相应的数据发生变化时，回调函数将被执行。以下是一个示例:

watch: {
  data1: function(newVal, oldVal) {
    // 当data1发生变化时执行的操作
  },
  data2: function(newVal, oldVal) {
    // 当data2发生变化时执行的操作
  },
  // 可以继续添加更多的属性和回调函数
}