vue3中监听的使用说明

目录

1.说明

2.示例

3.总结

---

1.说明

watch：侦听一个或者多个数据的变化，数据变化时执行后回调函数。

有两个额外的参数：1.immediate（画面加载后立即执行），2.deep（深度侦听）

2.示例

①侦听单个数据

 导入watch函数，然后执行watch函数，传入要侦听的响应式数据（ref对象）和回调函数。回调中可以拿到新值和旧值。

②侦听多个数据的变化

以数组的方式传入多个ref对象，只要其中一个变化了就会触发侦听的回调函数。 回调中可以拿到新值和旧值。

③所有示例

3.总结

开发中经常出现，表单中的某个值等于表单中的另外两个值的加减乘除后的值，可以用监听来实现。