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
}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步