Vue 3.2 父子组件传 ref 数组监听:watch 如何正确使用?

vue 3.2 父子组件传 ref 数组监听:watch 如何正确使用?

关于 vue 3.2 父子组件传 ref 数组监听问题

问题中提到,在使用 ref 定义的父子组件传 ref 数组时,watch 不加箭头函数就无法进入监听。

官方 api 说明指出,watch 的第一个参数可以是 ref 或者一个返回 ref 值的函数。因此,应该将 watch 中的数据源写为:

watch(  tableData,  (newVal) => {...},  { deep: true });

需要注意的是,当监听引用对象时,有以下规则:

立即学习“前端免费学习笔记(深入)”;

ref 定义的引用对象:

获取当前值:watch 第一个参数直接写成数据源,并加上深拷贝选项(deep: true)获取当前值和先前值:watch 第一个参数写成 getter 函数,对数据源进行深拷贝

reactive 定义的引用对象:

获取当前值:watch 第一个参数直接写成数据源,可以不加深拷贝选项获取当前值和先前值:watch 第一个参数写成 getter 函数,对数据源进行深拷贝

以上就是Vue 3.2 父子组件传 ref 数组监听:watch 如何正确使用?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1496956.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 19:03:59
下一篇 2025年12月19日 19:04:05

相关推荐

发表回复

登录后才能评论
关注微信