監聽屬性 watch
偵聽屬性的作用是偵聽某屬性值的變化，從而做相應的操作，偵聽屬性是一個對象，它的鍵是要監聽的對象或者變量，值一般是函數,當你偵聽的元素發生變化時，需要執行的函數，這個函數有兩個形參，第一個是當前值，第二個是變化后的值。
偵聽屬性的作用是偵聽某屬性值的變化，從而做相應的操作，偵聽屬性是一個對象，它的鍵是要監聽的對象或者變量，值一般是函數,當你偵聽的元素發生變化時，需要執行的函數，這個函數有兩個形參，第一個是當前值，第二個是變化后的值。
<script type="text/javascript">
window.onload = function(){
var app = new Vue({
el:"#app",
data:{
upp:0,
low:0
},
watch:{
upp:function(val){
this.upp = val;
this.low = val.toLowerCase();
},
low:function(val){
this.low = val;
this.upp = val.toUpperCase();
}
}
});
}
</script>
vue代碼至此就全都寫完了，下面要html出場啦！
<div id="app">
大寫：<input type="text" v-model = "upp" />
小寫：<input type="text" v-model = "low"/>
</div>
運行效果圖：
