Vue3中如何使用watch侦听器实现复杂数据变化响应？

本文共计1256个文字，预计阅读时间需要6分钟。

目录 + watch + 监听器使用。+ 监听器监听 reactive + 监听多个参数执行各逻辑 + 监听多个参数执行相同逻辑 + 上节我们简单介绍了 Vue3 项目的计算属性，本节我们继续 Vue3 的基础知识。

目录

• watch 侦听器使用。
• 侦听器监听 reactive
• 监听多个参数执行各自逻辑
• 监听多个参数执行相同逻辑

上一节我们简单的介绍了一下 vue3 项目中的计算属性，这一节我们继续 vue3 的基础知识讲解。

这一节我们来说 vue3 的侦听器。

学过 vue2 的小伙伴们肯定学习过侦听器，主要是用来监听页面数据或者是路由的变化，来执行相应的操作，在 vue3里面呢，也有侦听器的用法，功能基本一样，换汤不换药的东西。 侦听器是常用的 Vue API 之一，它用于监听一个数据并在数据变动时做一些自定义逻辑，本文将先列举侦听器在 Vue 中的使用方式，然后再分析源码讲述为什么可以这样使用、以及侦听器的实现原理。下面我们稍微说一下侦听器。

watch 侦听器使用。

watch API 使用，至少需要指定两个参数：source 和callback，其中 callback 被明确指定只能为函数，所以不同是用方式的差别其实只在 source 。