vue中watch的详细用法

1.

cityName(newName, oldName) {
// ...
}

2.当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。如果我们需要在最初绑定值的时候也执行函数，则就需要用到immediate属性。

cityName: {
　　handler(newName, oldName) {
　　// ...
　　},
　　immediate: true
}

3.普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听.

cityName: {
handler(newName, oldName) {
// ...
},
deep: true
}