关于vue.js 3.2 父子组件传ref 数组监听
在vue.js 中，我们可以通过watch 选项来监听响应式数据的变化，从而在变化后进行相应的处理。在父子组件的通信中，如果父组件向子组件传递 ref 数组，那么子组件需要使用 watch 监听数组的变化。
问题：子组件 watch 不加 () => 就无法进入监听？
根据官方文档，watch 函数的第一个参数应该为数据源（watchersource），可以是 ref 对象或一个返回 ref 对象的 getter 函数。在你的代码中，你使用的ref 数组是tabledata，因此应该直接写成：
立即学习“前端免费学习笔记（深入）”；
watch(tabledata, (newval) => {...}, { deep: true });
而不应该加上箭头函数：
watch(() => props.tableData, (newVal) => {...}, { deep: true });
提醒：当监听引用对象时
ref 对象：
只要获取当前值，第一个参数直接写成数据源，并加上deep: true 选项。 若要获取当前值和先前值，需要将数据源写成 getter 函数的形式，并对数据源进行深拷贝。
reactive 对象：
只要获取当前值，第一个参数直接写成数据源，可以不加deep: true 选项。 若要获取当前值和先前值，需要将数据源写成 getter 函数的形式，并对数据源进行深拷贝。
以上就是Vue.js 3.2 父子组件传 ref 数组监听：子组件 watch 为什么不加 () => 就无法进入监听？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1496928.html
微信扫一扫 
支付宝扫一扫 
