vue中watch监听高级用法

/*
vue高级用法
一、watch监听默认绑定，页面首次加载时候，是不会执行，只有值发生改变的时候才会执行
如果想立即执行则
*/
watch：{
     name:{
		handler(){
			 //执行的代码
		},
		immediate：true   //true就表示会立即执行
     }
}

/*
	二、deep属性如果监听的是对象类型，当手动修改对象的某个属性时，发现是无效的。
	这是时候就需要deep属性
*/
data:{
    obj:{
      name:'小红'
    }
},
watch:{
    obj:{
      handler(newName,oldName){
          //执行的代码
      },
      deep:true //为true，表示深度监听，这时候就能监测到name值变化
    }
}