watch: { hzd_name() { console.log('数据有变') }
时间: 2024-03-26 19:36:21 浏览: 61
js 实现watch监听数据变化的代码
这是Vue.js中的一个watch选项,用于监测数据的变化并做出相应的响应。
在上面的代码中,我们监测了一个名为hzd_name的数据,当该数据发生变化时,会触发回调函数,并在控制台中输出“数据有变”。
watch选项的语法如下:
```javascript
watch: {
// 监测的数据
dataName: {
// 深度监测
deep: true,
// 立即触发回调函数
immediate: true,
// 数据发生变化时的回调函数
handler(newVal, oldVal) {
// 处理逻辑
}
}
}
```
其中,dataName为要监测的数据名称,handler为数据发生变化时的回调函数。在回调函数中,我们可以根据数据的变化做出相应的响应。另外,为了提高性能,我们可以设置deep选项为true,表示进行深度监测,这样可以监测到对象或数组中元素的变化。同时,我们还可以设置immediate选项为true,表示在组件初始化时立即触发回调函数。
阅读全文