vue 多个 watch 监听

Vue.js 实例对象的 $watch 方法可以用来监听数据变化。可以在一个 Vue 实例中监听多个数据的变化。

例如，以下代码监听 msg1 和 msg2 两个数据的变化：

new Vue({
  data: {
    msg1: 'Hello',
    msg2: 'World'
  },
  watch: {
    msg1: function(newVal, oldVal) {
      console.log('msg1 变化了：', newVal, oldVal)
    },
    msg2: function(newVal, oldVal) {
      console.log('msg2 变化了：', newVal, oldVal)
    }
  }
})

在上面的代码中，当 msg1 或 msg2 数据变化时，对应的 watch 函数会被触发，打印出新旧值。

如果需要监听更多的数据变化，可以继续在 watch 选项中添加对应的函数即可。