vue---watch用法
来源:互联网 发布:前端连接数据库 编辑:程序博客网 时间:2024/06/07 02:26
对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。在实例化时为每个键调用 $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 filter computed watch 的用法
- vue进行图片的预加载watch用法
- Vue.js的computed和watch用法及区别
- vue-watch 深度监听!!
- vue---watch实战
- vue.js 计算属性$watch
- vue computed 与 watch 区别
- VUE之watch与computed
- Vue.js学习---方法watch
- AngularJS $watch的用法
- angularJS之$watch用法
- 4、$watch的用法
- $watch的用法
- AngularJS $watch用法
- java 不同的package下同类明的冲突以及解决办法
- thinkphp alias ,field的连贯操作,查询一次数据库,计算两个值
- svn乱码
- 弱鸡3,C# 一个Timer在等待过程中,interval被改变,时间如何处理,
- python 对象
- vue---watch用法
- Web在jsp页面中生成柱状图,折线图,饼状图
- Kotlin Android 环境搭建
- java.lang.VerifyError: Verifier rejected class bad method
- 5、Spring技术栈-客户端、服务端数据验证
- LeetCode 617. Merge Two Binary Trees
- Hadoop关键技术理解
- HTTP状态码
- LintCode--插入区间