在Chrome调试器中访问对象变量(VueJS调试)
在Chrome调试器中访问对象变量(VueJS调试)
提问于 2020-09-23 00:41:15
我正在开发VueJS / Express应用程序，进入比以前更高级的web开发。我使用VSCode，在同一个项目中开发后端和前端。我能够使用VSCode调试器的后端工作，并使用铬调试器的前端。
VSCode运行得很好。故事到此结束。
Chrome功能强大，但有点古怪。我最终调试了很多Chrome调试器。再加上高深莫测的Vue内部结构，它们总是不断出现，增加了另一个必须被挖掘(或忽略)的层次。但我遇到的最大问题是，我不能检查组件脚本中的实例变量，只能检查断点所在函数的局部变量。这将我的过程减少为执行大量一次性的console.log()语句，其中一个语句只是搜索“this.anything”实例变量的快速检查。
我已经忍受了几个月了，但是最近做了一些重构，它使我的进度变得缓慢，所以我想看看是否有一种方法可以克服这个障碍，加快我的调试过程。
有谁有建议吗？有没有办法将Chrome设置为启用检查对象变量？对于Vue前端开发，有没有更有效的调试方法或工具？
除此之外，前端和后端代码的组合到一个项目中已经很棒了。VSCode很棒。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-10-28 05:45:28
我已经为Vue找到了一种解决方法，即使用UI中的按钮在Watch部分放置一个断点。在这个断点中，Chrome调试器中的Watch可以访问' this‘变量。其他开发人员告诉我，这是他们一直在处理的常见问题。当我对影响这个作用域访问问题的条件有了更多的了解时，我会添加它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64014144
复制相关文章
相似问题
腾讯云开发者
