Vue_侦听器watch

方法格式监听器

在Vue的watch节点下

data:{
	username:'Exungsh'
}
watch:{
	username(newVal, oldVal){
		console.log(newVal,oldVal)
	}
   	 //如果要侦听的是对象的子属性的变化， 则必须包裹一层单引号
    'infor.username'(newVal){
       console.log(newVal)
    }
}

缺点：

• 无法在刚进入页面时自动触发
• 如果侦听的是一个对象，如果对象的属性发生了变化，不会触发侦听器

对象格式监听器

好处：

• 可以通过 immediate 选项，让侦听器自动触发
• 可以通过 deep 选项，让侦听器深度监听对象中每个属性的变化

watch:{
    username: {
        handler(newVval, oldVal){
        console.log(newVal, oldVal)
        },
        //默认值为false
        //意义：侦听器是否默认触发一次
        immediate: true
        //开启深度侦听，只要对象中有一个属性变化了，都会触发对象的监听器
        deep:true
    }
}