一. watch使用的几种方法

1、通过 watch 监听 msg 数据的变化。

watch: {msg(oldValue, newValue) {console.log(oldValue)console.log(newValue)}
}

2、通过 watch 监听 obj 数据的变化。（深度监听 deep）

data（） {return {obj: {'name': "王",'age': 18},}
},
watch: {obj: {handler(oldValue,newVal) {console.log(oldValue)console.log(newValue)},deep: true  // 深度监听}
}

3、通过 watch 监听 data 数据的变化，数据发生变化时,执行 change 方法

watch: {data： 'change' // 值可以为methods的方法名
}，
methods: {change(oldVal,newVal){console.log(oldVal,newVal)}
}

二、watch中的immediate、handler和deep属性

1、immediate属性

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

2、handler属性

watch中需要具体执行的方法

3、deep属性

当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，此时就需要deep属性对对象进行深度监听，数组字符串一般不需要

data（） {return {obj: {'name': "王",'age': 18},}
},
watch: {obj: {// 执行方法handler(oldValue,newVal) {console.log(oldValue)console.log(newValue)},deep: true, // 深度监听immediate: true  // 第一次改变就执行}// 如果只需要监听对象中的一个属性值，则可以做以下优化：使用字符串的形式监听对象属性：'obj.name': {// 执行方法handler(oldValue,newVal) {console.log(oldValue)console.log(newValue)},deep: true, // 深度监听immediate: true  // 第一次改变就执行}}

vue2中的watch监听相关推荐

python监听鼠标事件_Python中使用PyHook监听鼠标和键盘事件实例
Python 中使用 PyHook 监听鼠标和键盘事件实例 PyHook 是一个基于 Python 的"钩子"库,主要用于监听当前电脑上鼠标和键盘的事件.这个库依赖于另一个 Py ...
vue中使用watch监听$route 无效问题
vue 中使用watch监听$route失效问题!在watch里面监听$route变化,发现并没有监听到. 路由: {name: 'secondUser ',component: secondUser ...
java session 数量_java中使用session监听实现同帐号登录限制、登录人数限制
本文主要介绍了java中使用session监听实现同帐号登录限制.登录人数限制,具体代码如下: 问题域: 1.同帐号登录:若此帐号已登录,不可再次登录(与QQ模式相反). 2.登录人数限制,超过.已达 ...
Vue 中使用watch监听$route 无效问题
Vue 中使用watch监听$route失效问题! 今天在项目操作中发现一个问题,在watch里面监听$route变化,发现并没有监听到,查阅了一些资料最终解决,现写出与大家共同分享,也忘出现此问题的 ...
Vue中数组变动监听
Vue中数组变动监听 Vue的通过数据劫持的方式实现数据的双向绑定,即使用Object.defineProperty()来实现对属性的劫持,但是Object.defineProperty()中的set ...
Vue父组件传子组件数据中，Vue监听不到数据改变
Vue父组件传子组件数据中,Vue监听不到数据改变官方文档说明(引用来自官网) 检测变化的注意事项由于 JavaScript 的限制,Vue 不能检测数组和对象的变化.尽管如此我们还是有一些办法来 ...
Vue watch监听详解，一篇文章彻底搞懂Vue2/Vue3中的watch监听
watch监听在vue2和vue3中的用法详解(全) Vue2中的watch用法 Vue3中的watch用法首先写一个vue页面 <template><div><h1& ...
java中事件监听_Java中的事件监听机制
鼠标事件监听机制的三个方面: 1.事件源对象: 事件源对象就是能够产生动作的对象.在Java语言中所有的容器组件和元素组件都是事件监听中的事件源对象.Java中根据事件的动作来区分不同的事件源对象,动 ...
android 常用的监听器,Android中的Keyboard监听事件
前言有关Keyboard监听事件,无非就是以下这几种情况: 1,操作显示或隐藏键盘: 2,判断当前键盘的状态: 3,键盘显示或隐藏后的拦截处理: 只要有使用到EditText,避免不了肯定会遇到以上 ...

vue2中的watch监听

一. watch使用的几种方法

二、watch中的immediate、handler和deep属性

vue2中的watch监听相关推荐

最新文章

热门文章