Vue中watch监听属性如何设置和详细使用方法？

本文共计1831个文字，预计阅读时间需要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；确认是否深入监听。