vue之watch用法
来源:互联网 发布:java mongo distinct 编辑:程序博客网 时间:2024/06/07 05:53
vue之watch用法
对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。在实例化时为每个键调用
$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>
阅读全文
0 0
- vue之watch用法
- vue之watch用法
- vue之watch用法
- vue---watch用法
- VUE之watch与computed
- angularJS之$watch用法
- Vue filter computed watch 的用法
- vue进行图片的预加载watch用法
- Vue.js的computed和watch用法及区别
- Vue.js之计算属性computed与$watch
- VueJs探索之watch用法详解
- VueJs探索之watch用法详解
- vue-watch 深度监听!!
- vue---watch实战
- 基于vue-cli的vue项目之路由3--watch监听路由
- Vue之style的用法
- vue.js 计算属性$watch
- vue computed 与 watch 区别
- 关于CRC校验
- C代码从初始化到汇编执行
- JAVA中的内联函数
- 阿里云上部署开源PaaS平台Cloud Foundry实战
- Bootstrap Confirmation之我得
- vue之watch用法
- ZOJ--1095:Humble Numbers
- CodeM美团点评编程大赛初赛A轮 数列互质
- JNI-NDK开发小问题集锦
- python爬虫第一步
- UWA GOT | 三分钟带你玩转Unity性能优化!
- css学习笔记-盒子的阴影
- 安卓学习
- Aliware-MQ消息队列技术架构与最佳实践