vue3.2 父子组件传 ref 数组监听问题：为什么不加箭头函数无法监听？
问题：
在 vue3.2 中，父组件向子组件传递 ref 数组，但在子组件中使用 watch 监听 ref 数组时，如果不使用箭头函数，将无法进入监听过程。请解释原因。
解答：
立即学习“前端免费学习笔记（深入）”；
根据 vue3.2 官方 api，watch 监听器的第一个参数应为一个 ref 或一个 getter 函数，而数组不是一个有效的 ref 类型。
watch(watchersource, callback, [watchoptions])type watchersource = ref | (() => t)
登录后复制
解决方法：
watch(tableData, (newVal) => {...}, { deep: true });
登录后复制
注意事项：
在使用 watch 监听引用对象时需要注意：
ref 对象：
仅获取当前值：watch 的第一个参数直接为数据源，并且需要设置 deep: true 选项。获取当前值和先前值：watch 的第一个参数需要是一个 getter 函数，并且需要对数据源进行深拷贝。
reactive 对象：
仅获取当前值：watch 的第一个参数直接为数据源，可以不添加 deep: true 选项。获取当前值和先前值：watch 的第一个参数需要是一个 getter 函数，并且需要对数据源进行深拷贝。
以上就是Vue3.2 父子组件传 ref 数组监听时，为什么不加箭头函数无法监听？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2654077.html
