js距离米转换为千米_vue.js 监听属性的学习/ 千米、米的转换 /时、分、秒 的转换...

vue_的监听属性

window.onload = function(){

var app= new Vue({

el:"#app",

data:{

kilometers:0,

meters:0

},

//监听属性

watch:{

kilometers:function(val){

this.kilometers = val;

this.meters = val * 1000;

},

meters:function(val){

this.kilometers = val / 1000;

this.meters.val;

}

}

});

var app1 = new Vue({

el:"#app1",

data:{

seconds:0,

minutes:0,

hours:0

},

//监听属性

watch:{

seconds:function(val){

this.seconds = val;

this.minutes = val/60;

this.hours=val/3600;

},

minutes:function(val){

this.seconds = val*60;

this.minutes =val;

this.hours = val/60;

},

hours: function(val){

this.seconds = val*3600;

this.minutes = val *60;

this.hours= val;

}

}

});

}

千米：

米：

时：

分：

秒：