导读 Vue中的`watch`是监听数据变化的强大工具，灵活运用它可以实现很多功能。以下是它的三种常见用法👇：1️⃣ 基本监听最简单的用法就是监听
Vue中的`watch`是监听数据变化的强大工具，灵活运用它可以实现很多功能。以下是它的三种常见用法👇：
1️⃣ 基本监听
最简单的用法就是监听某个变量的变化。例如：
```javascript
watch: {
myData(newVal, oldVal) {
console.log(`旧值：${oldVal} → 新值：${newVal}`);
}
}
```
当`myData`发生变化时，会自动触发回调函数。
2️⃣ 深度监听
如果需要监听对象或数组内部的变化，可以设置`deep: true`：
```javascript
watch: {
deepData: {
handler(newVal) {
console.log('对象更新了！');
},
deep: true
}
}
```
这样可以检测到嵌套属性的变化哦！
3️⃣ 监听多个变量
如果想同时监听多个变量，可以用数组形式：
```javascript
watch: {
[myData, anotherData](newVal1, newVal2) {
console.log(`第一个值：${newVal1}，第二个值：${newVal2}`);
}
}
```
通过这三种方式，你可以轻松掌控Vue组件的数据流！💪