可以監聽的

watch是一個物件，這個物件的鍵是需要觀察的表示式，值可以是直接方法、方法名、包含選項的物件等等，Vue例項會在例項化時呼叫$watch(), 遍歷watch物件的每一個屬性，並且觀察。

watch {

{ [key: string]: string | Function | Object | Array }

}

程式碼示例：

// 我們用vue的v-model指令來驗證下watch物件的功能

<div>

<p>{{msg}}</p >

<input v-model="msg">

</div>

// pattern1 directly method value

watch {

// msg1 為表示式， function(oldVal, newVal)為匿名函式，作為回撥函式

msg1: function (newVal, oldVal) {

console.log("oldVal is: " + oldVal + " newVal is: " + newVal);

}

}

在雙向繫結輸入框輸入一些值後，看console裡watch物件的效果：

// 初始值為init，輸入init1之後的console輸出

oldVal is: init newVal is: init1