一起来学Vue叭！ watch篇！

Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性。当你有一些数据需要随着其它数据变动而变动时可以使用监听属性

1. 我们在页面中放置一个文本框
   

 {{ counter }}

2. 定义值

export default {
  name: "welcome",
  data() {
    return {
      counter: 1
        }
    }
}

3. 把方法写入watch属性中，当counter数据变化的时候，输出当前值和旧值

  watch: {
    counter:function(val,oldVal){
      console.log(val,oldVal);
    }
  }

4. 当存在复杂数据，比如对象，数组时；

    items:{
      handler(val, oldVal){
          console.log(val,oldVal);
      },
      deep:true
    }