vue之watch用法
来源:互联网 发布:知金教育保过 编辑:程序博客网 时间:2024/06/05 03:08
对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。在实例化时为每个键调用 $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.inner0': 'a', //值可以为methods的方法名 'example2.innner1': '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 区别
- 利用Pthon进行数据分析-数据规划化
- UFLDL教程:Exercise:Convolution and Pooling
- JSONObject排序问题
- Android中子线程真的不能更新UI吗?
- SAP 系统 MIRO 时替代 Recon. Account 的解决方案
- vue之watch用法
- 线程
- sklearn数据集随机切分(train_test_split)
- CentOS下配置完全分布式hadoop2.6.0-cdh5.6.0(1)
- J2EE系列之MyBatis学习笔记(十)-- 使用注解配置sql映射器
- unity _game窗口图片精灵拖拽(背包物品,或者技能)
- git
- Android 生成系统签名的KeyStore 转
- .NET、C#和ASP.NET之间的区别