js距离米转换为千米_[Vue.js]学习笔记-Vue.js监听属性-watch-千米与米转换

[HTML] 纯文本查看 复制代码

Vue 测试实例 - 苏飞论坛(sufeinet.com)

千米 :

米 :

var vm = new Vue({

el: '#computed_props',

data: {

kilometers : 0,

meters:0

},

methods: {

},

computed :{

},

watch : {

kilometers:function(val) {

this.kilometers = val;

this.meters = val * 1000;

},

meters : function (val) {

this.kilometers = val/ 1000;

this.meters = val;

}

}

});

// $watch 是一个实例方法

vm.$watch('kilometers', function (newValue, oldValue) {

// 这个回调将在 vm.kilometers 改变后调用

document.getElementById ("info").innerHTML = "修改前值为: " + oldValue + "，修改后值为: " + newValue;

})