Vue 2.0 中 Watch 的 deep 和 immediate 用法详解
5星
- 浏览量: 0
- 大小:None
- 文件类型：PDF
简介：
本文深入探讨了Vue 2.0中Watch的deep和immediate选项的具体使用方法与应用场景，帮助开发者更好地理解和利用这些特性。
`deep` 默认值为 `false`，表示是否进行深度监听。
当设置 `immediate:true` 时，在声明 watch 后会立即执行 handler 方法；如果设置为 false，则不会在绑定的时候就执行。
```javascript
computed: {
btnObj() {
const { sign_img, check } = this;
return {
sign_img,
check
};
}
},
watch: {
btnObj: {
handler: function(newVal, oldVal) {
if(!!this.sign_img && this.che，
```
这段代码中，`deep` 参数默认值为 `false` 代表是否进行深度监听。当设置 `immediate:true` 属性时，在声明 watch 后会立即执行 handler 方法；如果设置为 false，则不会在绑定的时候就执行。
此外，定义了一个计算属性 `btnObj()` ，它返回当前组件的 `sign_img` 和 `check` 的值，并且对这个计算属性设置了监听器。当该对象发生变化时，触发相应的处理函数（handler），并在其中进行了判断逻辑检查，但代码片段未完整提供完整的条件语句和后续逻辑。
全部评论 (0)
还没有任何评论哟~
