Vue事件监听Watch的使用

当事件监听到变量的变化时，就会执行Watch中对应的方法

watch的使用方法

1.一般值监听

data(){
  return{
     data:0
  }
},
//watch与data同级
watch:{
  //以需要监听的变量的名字作为函数名称
  //（非必须）可以接收两个参数 第一个:变化后的值；第二个:变化前的值 
  //当监听data数据变化的时候会执行这个函数
  data(newvalue,oldvalue){
    if(newvalue>oldvalue){
     console.log('变大了')
     }else{
       cosole.log('变小了')
     }
  }
},

2.对象的属性值监听

    'ruleForm.content' (newVal, oldVal) {
      // if (newVal.content !== '' && oldVal.content === '') {
      //   alert('正在输入')
      // }
      alert('111')
    }