Vue中如何详细配置和使用watch监听器？

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

目录 + .watch 监听数据变化

1.数值

2.字符串

3.布尔值

二.watch 监听复杂类型数据的变化

1.对象

2.数组

3.对象数组

4.对象数组的属性

首先确认，watch 是一个函数。

目录

• 一.watch监听一般数据的变化(数值，字符串，布尔值)
• 1.数值
• 2.字符串
• 3.布尔值
• 二.watch 监听 复杂类型数据的变化
• 1.对象
• 2.数组
• 3.对象数组
• 4.对象数组的属性

首先要确认 watch是一个对象，要当成对象来使用。

键：就是那个，你要监听的那个家伙；

值：可以是函数，当你监控的家伙发生变化时，需要执行的函数，这个函数有两个形参

第一个是当前值（新的值），第二个是更新前的值（旧值）

值也可以是函数名：不过这个函数名要用单引号来包裹。

值是包括选项的对象：选项包括有三个。

• 1.第一个 handler：其值是一个回调函数。即监听到变化时应该执行的函数。
• 2.第二个是 deep：其值是 true 或 false；确认是否深入监听。