vue3组合式API——watch函数_vue3 watch多个对象

作者：weixin_40725706 | 2024-02-08 15:25:32

踩

vue3 watch多个对象

watch函数用来监听一个或者多个对象数据的变化，数据变化可执行回调函数

监听一个对象：

效果：

监听多个对象：

可同时监听多个对象的改变，当其中一个对象发生改变时执行回调函数

示例：

点击按钮前：

点击第一个按钮后：

点击第二个按钮后：

immediate参数

在监听器创建时便立即执行回调函数

示例：

点击前：

点击后：

深度监听，deep属性

假若一个对象拥有多个属性，当深度监听开启后，一旦这个对象中的任何一个属性发生变化便会导致回调函数的执行。

示例：

点击按钮前：

点击按钮后：

精确监听，精确监听即只监听对象中的某一属性，当监听到对象这一属性发生变化时才会执行回调函数。

示例：

点击任一按钮前：

点击第二个按钮后：

点击第一个按钮后：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/69696