starting at object with constructor ‘Watcher‘ | property ‘vm‘ -＞ object with constructor ‘Vu

原创已于 2023-03-18 10:33:16 修改 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2023-03-18 10:25:51 首次发布

在升级到Vue2.7后，作者发现使用computed获取store的userId时，遇到错误。问题在于computed返回的对象需通过.value获取实际值，类似Vue3的ref。错误信息提示涉及Vue的内部结构，如Watcher、VueComponent和EffectScope。解决方法是确保使用.value来访问ref或computed的值。当接口请求失败时，应首先检查参数和axios请求配置，因为错误可能在发送请求前就已经发生。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用了Vue 2.7，之前我是用 getCurrentInstance 然后直接获取的store 下面的 userId，后面加了一个 computed 。我以为computed 是和之前一样的就没改接口请求，然后就报错，其实 computed 返回的参数和 ref 是一样的需要 .value。

心得总结：

当出现 Converting circular structure to JSON
–> starting at object with constructor ‘Watcher’
| property ‘vm’ -> object with constructor ‘VueComponent’
| property ‘_scope’ -> object with constructor ‘EffectScope’
| property ‘effects’ -> object with constructor ‘Array’
— index 0 closes the circle
有 vm 、_scope、effects、Watcher 发生错误可能就是 Vue2.7 和 Vue3 ref 之类的需要 .value才能拿到真实的值。