vue侦听器 基础4
2024-10-21 03:37:24
侦听器
使用方式：设置需要侦听的data里的属性名就可以了
new Vue({
el:"#app",
data:{
count:0
},
watchers:{
count(){
//this.count 发生了改变
}
}
})
侦听器适合异步操作
监听data对象中某个对象的属性
'count.test'(){//变化触发 this.count.test}
获取旧值：
'count.test'(newval,oldval){ console.log(newval,oldval) } 其中newval等于this.count.test
深度监听：
当监听一个对象，是想监听整个对象，而不仅仅是一个属性，如count是一个对象，this.count.test发生了变化，监听的是整个count，那么对应的监听器不会触发，只有在整对象被替换更改才会被触发
监听整个对象被称为深度监听，通过设置deep为true来开启这一特性
watchers:{
count(newval,oldval){
console.log(newval,oldval)
},
deep:true
}
最新文章
- 周末惊魂：因struts2 016 017 019漏洞被入侵，修复。
- erlang学习笔记(shell命令)
- Arduino101学习笔记（十一）—— 蓝牙BLE
- 【整理】更改MSSQL默认字符集
- java实现 swing模仿金山打字 案例源码
- 如何通过jquery隐藏和显示元素
- 目标检测的图像特征提取之（二）LBP特征
- [转载]初学C#之list
- objective-c 加号 减号 - +
- sql查询每门课程成绩最高的学生
- png透明图片
- ubuntu下的notepad++
- 集团财务分析BI项目中的财务系统环境
- [Android学习笔记]继承自ViewGroup的控件的过程学习
- JVM-7.Java内存模型与高效并发
- Java工程师书单（初级、中级、高级）
- 洛谷P5155 [USACO18DEC]Balance Beam（期望，凸包）
- 完整的Django入门指南学习笔记7 网页自动翻译
- C语言使用hiredis访问redis
- POJ 1459&&3436