vue学习笔记8-监听属性-watch

<div id="app">
    千米： <input type="text" id="" value="" v-model="kilo"/><br />
    米： <input type="text" id="" value="" v-model="meter"/>
</div>

var vm = new Vue({
    el:"#app",
    data : {
    kilo : 0,
    meter : 0
},
    watch : {
        kilo : function (val){
            this.kilo = val;
            this.meter = val * 1000;
        },
    meter : function(val){
            this.meter = val;
            this.kilo = val / 1000;
        }
    }
})