Vue监听属性Watch

Watch监听

用来监听data中属性的改变

方法一

watch:{
	firatName:function(val){
		console.log(val)
	}
}

方法二

watch:{
	firatName:{
		handler(newVal,oldVal){
		
		}
	}
	
}

firstName为data中属性名，可以自己定义
handler是固定方法

immediate:true

是否立即执行（打开页面就监听）

deep:true

深度监听，在这里要注意，如果data中属性是对象，若要监听此对象中的属性如name，要加deep属性

总结

watch是一个对象，键是需要观察的表达式，值是对应回调函数
主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作，可以看作是computed和methods的结合体