Watch 的方便之處

在使用 Watch 就像監督者一樣，隨時監督著變數，只要一有變動監督者就會啟動，並且觸發事件。

我們來試試看如何使用 Watch 這個屬性吧！

//新增變數來讓監督者監督
data:{
    watch_data:'123',
    //那我在建立一個變數，證明監督有效
    watcher:''
},
//監督的屬性
watch:{
    //選擇監督的變數，就像是 function 一樣
    watch_data: function(){
        //只要監督的變數一有動作，馬上就會啟動這個 function
        watcher:'我正在監督你'
    }
}

那現在需要在 id = 'myApp' 裡面新增標籤

//使用input來改變變數
<input type="text" v-model="watch_data">
{{ watch_data }}
//監督者一開始不會有字，只要watch_data有動作，watcher就會出現字樣來
{{ watcher }}

來試試看吧！