vue之watch用法
来源:互联网 发布:周小平扒皮网络大v 编辑:程序博客网 时间:2024/06/14 12: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:{ //注意:当观察的数据为对象或数组时,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 区别
- Leetcode算法学习日志-48 Rotate Image
- 数据结构第十周项目——验证算法(三)
- Sqlplus,设置 不换行,列宽,隐藏标题
- iOS
- 曼彻斯特编码
- vue之watch用法
- 实现ajax的队列请求
- 第12周【项目
- DOM的innerHTML
- 第21章 OpenWrt串口的使用1
- GAN的基本原理、应用和走向
- Java初学者的建议!
- 特辑丨架构师进阶之路精品文章集萃
- fetch将返回值进行对应类型的转换