Vuejs中的watch实例详解(监听者)
网络编程 2021-07-04 15:02www.168986.cn编程入门
本文通过实例代码给大家介绍了Vuejs中的watch,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
最近刚刚追完庆余年,心思还总是在剧情里,然后就觉得在vuejs里watch就是监察院,一个不折不扣的特务机构。在Vue中watch被称为监听者,它随时观察这vue实例中每一个数据的变化,当数据发生改变,做出响应。
通过狼蚁网站SEO优化的示例代码来看一下这个监察院是怎么运作的
new Vue({ el:"#app", data(){ reutrn { candy:"" } }, //传说中的监察院start watch:{ candy:{ handler(newVal,oldVal){ }, immediate: true, deep:true } } //传输中的监察院end }) / watch中监控这candy这个数据的变化, handler中传入了两个参数 newVal->是改变后的数据 oldVal->是改变前的数据 /
按照庆余年的剧情分析,监察院在监控candy这个人,一旦candy发生变节,就会执行handler中的操作,newVal和oldVal就好像是提供给监察院人员来判断如果candy是内部斗争还是叛国,根据情节处以什么样的处罚。
代码中 immediate 和 deep 又是什么意思呢?
immediate和deep像是庆帝给陈萍萍的指令
immediate为true是告诉监察院不管candy有没有变节,都先给他点处罚,敲山震虎!
deep为true是告诉监察院往深了查,看看有没有什么人跟这个人联络了,联络以后又发生了事!
写这篇文章的时候,我也在跟朋友探讨watch和updated,updated也是在数据发生改变的时候做出相应,如果将updated说成是监察院就感觉太喽了!updated不能指定监测数据,只要有数据发生变化就会指向updated中的方法,不管谁发生变化都会执行,这么不灵活怎么能配的上监察院这么厉害的特务机构呢!嘻嘻!
以上所述是长沙网络推广给大家介绍的Vuejs中的watch实例详解,希望对大家有所帮助!
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南