vue3:中warch监听的几种写法

作用:监视数据的变化(和vue2中的watch作用一致)

特点:vue3中watch只能监视以下四种数据:

1、ref 定义的数据

2、reactive定义的数据

3、函数返回的值(getter函数)

4、前面3个内容的数组

写法

情况一

监视ref定义的基本数据类型:直接写数据名即可,监视的是value值的改变



情况二

监视ref定义的【对象类型】数据:直接写数据名,监视的是对象的【地址值】,若想监视对象内部的数据,要手动开启深度监视。



情况三

监视reactive定义的【对象类型】数据,且默认开启了深度监视。



情况四

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

  1. 若该属性值不是【对象类型】,需要写成函数形式。

  2. 若该属性值是依然是【对象类型】,可直接编,也可写成函数,建议写成函数。

结论:监视的要是对象里的属性,那么最好写函数式,注意点:若是对象监视的是地址值,需要关注对象内部,需要手动开启深度监视。



情况五

监视多个数据



你可能感兴趣的:(vue.js,前端,javascript)