一、 watch是什么？
監測 Vue 實例變化的一個表達式或方法?；卣{函數得到的參數為新值和舊值，用一個函數取代。
簡潔的說：watch的作用可以監控一個值的變換，并調用因為變化需要執行的方法?？梢酝ㄟ^watch動態改變關聯的狀態。
二、watch的（三種）應用
1、監聽一個數據變化
<pre class="wp-block-code"><code><input type="text" v-model="val"/></code></pre>data(){
return{
val:'2'
}
},
watch: {
val: {
handler(newVal, objVal) {
console.log(11);
},
}
}
2、當監測為對象的時候（非數組情況），deep = true （對象內部的屬性監聽，也叫深度監聽），包含handler方法和immediate（進入組件的時候，第一次并不會執行watch，是因為immediate 默認 false，當 immediate = true 的時候，進入組件會立即執行。并且可以監測到組件傳遞數據）
watch: {
'obj.name': {
handler(newName, oldName) {
// ...
},
deep: true,
immediate: true
}
}
文章來源：田珊珊個人博客
來源地址：http://www.tianshan277.com/853.html
申請創業報道，分享創業好點子。點擊此處，共同探討創業新機遇！
