vue中watch属性监听项目细节

watch监听属性

案例---------

<div id = "computed_props">
    千米 : <input type = "text" v-model = "kilometers">
    米 : <input type = "text" v-model = "meters">
</div>
<p id="info"></p>

<script type = "text/javascript">
    var vm = new Vue({
   
    el: '#computed_props',
    data: {
   
        kilometers : 0,
        meters:0
    },
    methods: {
   
    },
    computed :{
   
    },
    watch : {
   
        kilometers:function(val) {
   
            this.kilometers = val;
            this.meters = this.kilometers * 1000
        },
        meters : function (val) {
   
            this.kilometers = val/ 1000;
            this