vue2中使用watch

在Vue2中，我们可以使用watch选项来监听数据的变化。watch选项是一个对象，它的每个属性都是一个要监听的数据对象，属性值是一个处理函数，用于处理数据变化时的逻辑。

以下是一个使用watch选项的例子：

const vm = new Vue({
  el: '#app',
  data: {
    info: {
      username: '123'
    }
  },
  watch: {
    'info.username': function(newVal, oldVal) {
      console.log('username changed from', oldVal, 'to', newVal);
    }
  }
})

在上面的例子中，我们使用了watch选项来监听`info.username`的变化。当`info.username`发生变化时，处理函数会被调用，并且会传入两个参数：新值和旧值。在处理函数中，我们可以根据新值和旧值来执行相应的逻辑。