vue3中watch如何使用?

126 阅读1分钟

在vue3中watch可以监听那些数据?

情况一: ref定义的【基本类型】数据

image.png

情况二:ref定义的【对象类型】数据

情况三:监视reactive定义的【对象类型】数据,且默认开启了深度监听

情况四:监视ref或reactive定义的【对象类型】数据中的某个属性,注意以下两点:

  1. 若该属性值是【基本类型】,需要写成函数形式
  2. 若该属性是【对象类型】,可直接编写,也可写成函数,建议写函数形式

结论:监视的是对象里的属性最好写函数式,若对象监视的是地址值,需关注细节,可开始深度监视。

image.png

image.png

情况五:监视上述的多个数据

image.png