Invalid watch source: 127.0.0.1 A watch source can only be a getter/effect function

问题描述

提示：这里描述具体问题：vue3.0使用watch监听出现Invalid watch source: 127.0.0.1 A watch source can only be a getter/effect function。

const data = ref({
  count: 0
})

watch(data.value, (newVal, oldVal) => { // 错误写法
  console.log(newVal, oldVal)
})

[Vue warn]: Invalid watch source: 127.0.0.1 A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types. **

---

原因分析：

提示：这里填写问题的分析：vue3.0监听器监听的数据对象，不能使用监听值得形式。

---

解决方案：

提示：这里填写该问题的具体解决方案：修改监听数据为对象。

const data = ref({
  count: 0
})

watch(data, (newVal, oldVal) => { // 错误写法
  console.log(newVal, oldVal)
})

---

欢迎评论：

提示：欢迎大家在评论区讨论相关问题。
可以关注博主，我会持续更新工作中遇到的技术小砖头，供大家使用。
也可以在评论区告知好的小砖头或技术，我会收录。
还可以指出本博文错误，希望大家不吝赐教。