DDR爱好者之家 Design By 杰米
watch本身很容易理解, watch负责将视图中的数据与某个函数关联起来
当Vue视图中的数据变化时, 关联的函数会被执行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>监听方法watch的使用</title> <script src="/UploadFiles/2021-04-02/vue.js">对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。在实例化时为每个键调用 $watch() ;
//使用官方vue-cli脚手架书写 <template> //观察数据为字符串或数组 <input v-model="example0"/> <input v-model="example1"/> /当单观察数据examples2为对象时,如果键值发生变化,为了监听到数据变化,需要添加deep:true参数 <input v-model="example2.inner0"/> </template> <script> export default { data(){ return { example0:"", example1:"", example2:{ inner0:1, innner1:2 } } }, watch:{ example0(curVal,oldVal){ console.log(curVal,oldVal); }, example1:'a',//值可以为methods的方法名 example2:{ //注意:当观察的数据为对象或数组时,curVal和oldVal是相等的,因为这两个形参指向的是同一个数据对象 handler(curVal,oldVal){ conosle.log(curVal,oldVal) }, deep:true } }, methods:{ a(curVal,oldVal){ conosle.log(curVal,oldVal) } } } </script>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
更新日志
2024年04月24日
2024年04月24日
- 任贤齐.1997-很受伤【滚石】【WAV+CUE】
- 群星.1998-还珠格格·苍天有泪琼瑶大卖连续剧全纪录EP【上华】【WAV+CUE】
- dnf燃烧疲劳值什么意思
- dnf男大枪110版本装备搭配
- dnf畅玩任务系统的限定任务
- 《恶意不息》沃里克打法技巧
- 《恶意不息》属性点数作用介绍
- 《消逝的光芒2》1.16版本更新汇总
- 刘德丽《赤的疑惑HQCD》头版限量编号MQA[低速原抓WAV+CUE]
- 冯满天《弦歌满天·山上》阮月原创作品集[低速原抓WAV+CUE]
- 老虎鱼《EvenSantaGetsTheBlues圣诞老人也蓝调》iso
- 艾什莉体模COS《原神》角色:猫娘绮良良
- 《星刃》全球过审未删减 网友调侃日本审核制度
- PS官方分享《星刃》女主水下效果:动作流畅表情僵硬
- 群星《乘风踏浪 电视剧专辑》[FLAC/f分轨][110.36MB]