【Vue】2-6、侦听器

watch 侦听器

watch 侦听器允许开发者监听数据的变化，从而针对数据的变化做特定的操作。

语法格式如下：

const vm = new Vuew({
	el: '#app',
	data: { username: ''},
	watch: {
		username(newVal,oldVal){
			console.log(newVal,oldVal);
		}
	}
})

注意：

以上形式是把侦听器定义为一个函数，所以在页面刚进来的时候是不会调用的，只有在侦听器侦听的对象数据发生变化了才会调用侦听器，并执行相应操作。

而且通过此方法定义的侦听器无法侦听对象的属性的变化。

通过 immediate 选项让页面刚加载时便调用侦听器。

通过 deep 选项让侦听器深度侦听对象中每个属性的变化。  

 

一  叶  知  秋，奥  妙  玄  心