Vue3实战：如何高效运用watch和watchEffect进行数据监听？

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

目录+前言+watch+watch监听单个数据+watch监听多个数据+watch监听对象+watch监听对象的某个值+watchEffect+watchEffect的副作用+停止监听+区别+前言+watch+watchEffect都是Vue3中的监听器，但用法和用途有所不同。

目录

• 前言
• watch
• watch监听单个数据
• watch监听多个数据
• watch监听对象
• watch监听对象的某一个值
• watchEffect
• watchEffect副作用
• 停止监听
• 区别

前言

watch和watchEffect都是vue3中的监听器，但是在写法和使用上是有区别的，这篇文章主要是介绍一下watch和watchEffect的使用方法以及他们之间的区别。