一.代码解释
方法watch（）用来监测Vue实例上的数据变动，kmeter和meter的关系是1:1000
二.实例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>双向数据绑定小例子</title>
<script src="https://cdn.staticfile.org/vue/2.5.16/vue.min.js"></script>
</head>
<body>
<div id="app">
千米：<input type="text" v-model="kmeter" />
米：<input type="text" v-model="meter" />
</div>
</body>
<script>
new Vue({
el: "#app",
data: {
kmeter: 0,
meter: 0,
},
watch: {
kmeter: function(val) {
this.kmeter = val;
this.meter = val * 1000;
},
meter: function(val) {
this.meter = val;
this.kmeter = val / 1000
}
}
})
</script>
</html>
三.实现效果
