Vue-9-前端框架Vue之应用基础watch监视和watcheffect监视
文章目录
- 1 监控数据变化
- 1.1 情况一(监视ref定义的基本类型数据)
- 1.2 情况二(监视ref定义的对象类型数据)
- 1.3 情况三(监视reactive定义的对象类型数据)
- 1.4 情况四(监视对象类型数据的某个属性)
- 1.4.1 响应式对象的某个属性(基本类型)
- 1.4.2 响应式对象的某个属性(对象类型)
- 1.5 情况五(监视上述数据构成的数组)
- 2 watchEffect
- 2.1 watch
- 2.2 watchEffect
watch监视的五种情况：(1)ref定义的基本类型(2)ref定义的对象类型(3)reactive定义的对象类型(4)对象类型的某个属性(5)数据构成的数组。watcheffect不需要明确指出监视的数据，用到哪个，它就会自动监视哪个。
1 监控数据变化
在Vue3中使用watch时，会遇到以下几种情况：
1.1 情况一(监视ref定义的基本类型数据)
监视ref定义的【基本类型】数据：直接写数据名即可，监视的是其value值的改变。
watch调用的返回值stopwatch，是用于停止监听的函数。
<template><div class