vue3的Watch使用详解

vue官网提到: watch 的第一个参数可以是不同形式的“数据源”:它可以是一个 ref (包括计算属性)、一个响应式对象、一个 getter 函数、或多个数据源组成的数组:

1.监听单个Ref

vue3的Watch使用详解_第1张图片
vue3的Watch使用详解_第2张图片

2.监听一个getter函数

vue3的Watch使用详解_第3张图片vue3的Watch使用详解_第4张图片
当然只修x或者y其中一个的值,也会触发监听

3.多个来源组成的数组

vue3的Watch使用详解_第5张图片在这里插入图片描述

4.监听reactive对象

vue3的Watch使用详解_第6张图片

5.监听reactive对象中的属性

vue3的Watch使用详解_第7张图片
错误写法报错vue3的Watch使用详解_第8张图片

正确返回在这里插入图片描述

且修改y的值不会触发对x属性的监听

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