这篇文章主要介绍“Vue3中怎么使用watch监听对象的属性值”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“Vue3中怎么使用watch监听对象的属性值”文章能帮助大家解决问题。watch 的基本用法watch() 默认是懒侦听的，即仅在侦听源发生变化时才执行回调函数第一个参数：侦听源，侦听源可以是一下几种第二个参数：侦听源发生变化时要触发的回调函数。(newValue, oldValue) => { /* code */}当侦听多个来源时，回调函数接受两个数组，分别对应源数组中的新值和旧值( [ newValue1, newValue2 ] , [ oldValue1 , oldValue2 ]) => {/* code */}第三个参数：可选对象，可以支持一下这些选项因为watch的侦听源只能是上面的4中情况从源码中可以看出，watch接收三个参数：source侦听源、c免费云主机域名b回调函数、options侦听配置，最后会返回一个doWatchdoWatch依然接受三个参数：source侦听源、cb回调函数、options侦听配置这里着重对侦听源的源码进行分析（source标准化）如果source是ref类型，getter是个返回source.value的函数，forceTrigger取决于source是否是浅层响应式。如果source是reactive类型，getter是个返回source的函数，并将deep设置为true。 当直接侦听一个响应式对象时，侦听器会自动启用深层模式例子如果source是个数组，将isMultiSource设为true，forceTrigger取决于source是否有reactive类型的数据，getter函数中会遍历source，针对不同类型的source做不同处理。如果source是个function。存在cb的情况下，getter函数中会执行source，这里source会通过callWithErrorHandling函数执行，在callWithErrorHandling中会处理source执行过程中出现的错误；不存在cb的话，在getter中，如果组件已经被卸载了，直接return，否则判断cleanup（cleanup是在watchEffect中通过onCleanup注册的清理函数），如果存在cleanup执行cleanup，接着执行source，并返回执行结果。source会被callWithAsyncErrorHandling包装，该函数作用会处理source执行过程中出现的错误，与callWithErrorHandling不同的是，callWithAsyncErrorHandling会处理异步错误。其他情况getter会被赋值为一个空函数关于“Vue3中怎么使用watch监听对象的属性值”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注百云主机行业资讯频道，小编每天都会为大家更新不同的知识点。
这篇文章主要介绍“vue如何给对象动态添加属性和值”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue如何给对象动态添加属性和值”文章能帮助大家解决问题。一、背景介绍：在vue中请求接口中，一个请求方法可能对应后台两个…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
