vue2.0 -- watch监听

watch监听的几种写法:

<html>
<!--在这里插入内容-->watch: {// 适用于普通变量a: function (val) {console.log(000)},// 方法名b: 'doing'//用handler方法c: {//立即执行,在c声明之后就开始执行handler里面的内容immediate: true,//深度监听 监听C的属性 c.xxxdeep: true,handler: function (val) {0000000000000}}}
</html>

1.handler方法

在项目中,有时会用到handler方法,有时则不会用到

handler方法有什么作用呢:

handler方法是 watch中的一个属性,是函数类型是规定的写法

2.immediate方法

watch监听,是当对象发生变化时,才回去监听其变化.而immediate是在对象声明了之后,就开始去监听,watch里面的handler方法就开始执行.

3.deep方法

Vue 不能监听到对象属性的添加和删除, deep 就排上了用场,监听器会一层一层的往下遍历,给对象的所有属性都加上这个监听器,从而监听到对象属性的变化.

<html>
<!--在这里插入内容-->data: {obj: {a:12}}watch: {'obj' : {handler(val) {console.log(val.a)},deep: true}}
</html>

但是,也有别的方法---->就是直接监听obj的a属性

<html>
<!--在这里插入内容-->data: {obj: {a:12}}watch: {'obj.a' : {handler(val) {console.log(val.a)}}}
</html>

今天编程,所吃的亏 -.-

watch 里面不能使用 箭头函数.watch里面的this指向的应该是vue的实例对象.如果用了箭头函数,则指向的是父级作用域的上下文.

转载于:https://www.cnblogs.com/whh-16/p/9945056.html

vue2.0 -- watch监听相关推荐

vue判断是否双击_vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作...
Vue 事件处理方法可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码. v-on:click 单击事件 + + - - v-on:dblclick 双击事件 ...
mysql8.0 本地监听端口_mysql8.0启动后不能正常监听端口的问题处理
mysql8.0启动后不能正常监听端口的问题处理 1.确定问题 mysql > show variables like '%port%'; 发现是0 mysql> SHOW VARIABL ...
swift4.0 方法监听Selector写法总结
import UIKitclass MainViewController: UITabBarController {//MARK:属性懒加载lazy var composeBtn = UIButto ...
android 监听gif播放,Glide4.0 以后监听Gif播放完成
在Glide3.0的时候,我们可以通过GifDecoder获取每一帧的播放时长然后相加得到gif的播放时长,即: GifDrawable drawable = (GifDrawable) glideD ...
vue2的watch监听属性
监听属性: 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在,才能进行监视!!(在data里或者computed里) 3.深度监视: (1).Vue中的watch默 ...
cocos2d-js 3.0 RC0 监听返回键、菜单键、进入后台（home键）、恢复显示等事件
cc.eventManager.addListener({ event: cc.EventListener.KEYBOARD, onKeyReleased: function(keyCode, eve ...
angular监听图片加载完成_angular1.0 如何监听页面渲染完毕（转）
Ant Design 提供了一套非常完整的组件化设计规范与组件化编码规范,大幅提高了部分产品的设计研发效率及质量.Ant Design 与 G2 的代码质量和文档质量都非常高,算是阿里提出 " ...
基于vue2.0实现音乐/视频播放进度条组件的思路及具体实现方法+代码解释
基于vue2.0实现音乐/视频播放进度条组件的方法及代码解释需求分析: ①:进度条随着歌曲的播放延长,歌曲播放完时长度等于黑色总进度条长度:时间实时更新. ②:当滑动按钮时,实时更新播放时间,橙色进 ...
类似ngnix的多进程监听用例
2019独角兽企业重金招聘Python工程师标准>>> 多进程监听适合于短连接,且连接间无交集的应用. 前两天简单写了一个,在这里保存一下. #include <sys/typ ...

vue2.0 -- watch监听

1.handler方法

2.immediate方法

3.deep方法

vue2.0 -- watch监听相关推荐

最新文章

热门文章