Vue——监听属性

监听属性

watch的作用可以监控一个值的变换，并调用因为变化需要执行的方法。
实例进行千米与米之间的换算：

<div id = "computed_props">
         千米 : <input type = "text" v-model = "kilometers">
         米 : <input type = "text" v-model = "meters">
</div>
<script>
   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.meters = val;
         }
      }
   });
</script>