Vue3----watch函数

作用:侦听一个或多个响应式数据的变化,数据变化时执行回调函数

两个额外参数:1. immediate(立即执行)  2.deep(深度监听)

immediate:在侦听器创建时立即触发回调,响应式数据变化之后继续执行回调

deep: 默认机制:通过watch监听的ref对象默认是浅层监听的,直接修改嵌套的对象属性不会触发回调函数,需要开启deep选项

1.导入watch函数

2. 执行watch函数传入要侦听的响应式数据(ref对象)和回调函数

监听单个数据:
 


监听多个数据:


immediate使用:

deep使用:对象的所有属性都会监听到

 若只想侦听对象的某个单一属性,可以把第一个参数写成函数的写法,返回要监听的具体属性,如下:


你可能感兴趣的:(vue.js,前端,javascript)