
> [!NOTE] Title
> 在Vue.js中，侦听属性（watcher）是一种用于观察和响应数据变化的方法。当你需要在数据变化时执行一些逻辑，而不是仅仅在数据变化后自动更新DOM时，侦听器就显得非常有用。


## 写法

watch

```js
var vm = new Vue({  
el: '#demo',  
data: {  
firstName: 'Foo',  
lastName: 'Bar',  
fullName: 'Foo Bar'  
},  
watch: {  
firstName: function (val) {  
this.fullName = val + ' ' + this.lastName  
},  
lastName: function (val) {  
this.fullName = this.firstName + ' ' + val  
}  
}  
})
```


## 资源

| [文档侦听属性](https://v2.cn.vuejs.org/v2/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7-vs-%E4%BE%A6%E5%90%AC%E5%B1%9E%E6%80%A7) |
| ------------------------------------------------------------------------------------------------------------------------------------- |
| [【有道云笔记】监视属性](https://note.youdao.com/s/6VlgLmaj)                                                                                     |
