博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue中watch的简单应用
阅读量:4560 次
发布时间:2019-06-08

本文共 457 字,大约阅读时间需要 1 分钟。

Vue.js 有一个方法 watch,它可以用来监测Vue实例上的数据变动。

如果对应一个对象,键是观察表达式,值是对应回调,值也可以是方法名,或者是对象,包含选项。

 

下面写两个demo,参考demo来了解一下

demo1

上面这个就浅显易懂了,通过watch来直接监测demo,如果demo的值变化,value的值也会跟着一起变化。

 

demo2

 

 

上面这个例子,如果watch监测的是一个对象的话,直接使用watch是不行的,此时我们可以借助于computed计算属性来完成。

 

demo3

 

 

数组的变化,不需要深度watch。

 

嗯,就酱~

 

转载于:https://www.cnblogs.com/jin-zhe/p/9319648.html

你可能感兴趣的文章
CSS之Medial Queries的另一用法:实现IE hack的方法
查看>>
linux-CentOS6.4下安装oracle11g详解
查看>>
实力为王 八年DBA经验谈
查看>>
2-sat 问题 【例题 Flags(2-sat+线段树优化建图)】
查看>>
ext3.2 右击动态添加node的treepanel
查看>>
Database links
查看>>
【SoapUI】http接口测试
查看>>
各种工具网站
查看>>
数据库事务
查看>>
xe7 控件升级
查看>>
TFrame bug
查看>>
刚学习的如何才能自信的拍美美的婚纱照呢(要结婚啦)
查看>>
M51文件注释
查看>>
关于临界资源访问互斥量的死锁问题
查看>>
django-view层
查看>>
异步加载JS的方法。
查看>>
golang-gorm框架支持mysql json类型
查看>>
【tool】白盒测试
查看>>
Linux 下的 scp
查看>>
理解同步,异步和延迟脚本
查看>>