最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

深入了解vue.js之watch用法

来源:动视网 责编:小采 时间:2020-11-27 19:55:44
文档

深入了解vue.js之watch用法

深入了解vue.js之watch用法:本篇文章给大家分享的内容是深入了解vue.js 之watch用法,有着一定的参考价值,有需要的朋友可以参考一下watch:观测Vue实例上的数据变动,对应一个对象, 键:就是需要监测的那个东西, 值:1.可以是当键变化时执行的函数,有两个参数,第一个是变化前的值,
推荐度:
导读深入了解vue.js之watch用法:本篇文章给大家分享的内容是深入了解vue.js 之watch用法,有着一定的参考价值,有需要的朋友可以参考一下watch:观测Vue实例上的数据变动,对应一个对象, 键:就是需要监测的那个东西, 值:1.可以是当键变化时执行的函数,有两个参数,第一个是变化前的值,


watch的三种情况:

1. 普通的watch:
 el:'#app',
 data:{
 meter:1000,
 kilameter:1
 },
 watch:{
 meter:function(val){
 this.kilameter = val * 0.1;
 },
 kilameter:function(val){
 this.meter = val *1000;
 }
 }
})
2.数组的watch:
 el:'#app',
 data:{
 arr:[1,2,3]
 },
 watch:{
 arr:function(oldV,newV){
 console.log(oldV);
 console.log(newV); 
 }
 }
})
3.对象的watch:
 el:'#app',
 data:{
 obj : {
 a:111,
 b:222
 } 
 },
 watch:{
 obj:{
 handler:function(oldV,newV){
 console.log(oldV);
 },
 deep:true
 }
 }
)

相关推荐:

文档

深入了解vue.js之watch用法

深入了解vue.js之watch用法:本篇文章给大家分享的内容是深入了解vue.js 之watch用法,有着一定的参考价值,有需要的朋友可以参考一下watch:观测Vue实例上的数据变动,对应一个对象, 键:就是需要监测的那个东西, 值:1.可以是当键变化时执行的函数,有两个参数,第一个是变化前的值,
推荐度:
标签: 使用 VUE 用法
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top