在 Chrome 调试器中访问对象变量（VueJS 调试）
Accessing object variables in Chrome debugger (VueJS debugging)
我正在开发 VueJS / Express 应用程序，进入比我以前做过的更高级的网络开发。我使用VSCode，在同一个项目中开发后端和前端。我能够使用 VSCode 调试器进行后端工作，并使用 Chrome 调试器进行前端工作。
VSCode 效果很好。故事到此结束。
Chrome 很强大，但很古怪。我最终对 Chrome 调试器进行了相当多的调试。再加上神秘莫测的 Vue 内部结构，它们总是会突然出现，从而增加了另一个必须深究（或忽略）的层次。但我遇到的最大问题是我无法检查组件脚本中的实例变量，只能检查断点所在函数的局部变量。这将我的过程减少到做很多一次性 console.log()语句，其中一个人正在寻找对 'this.[anything]' 实例变量的快速检查。
几个月来我一直在忍受这个问题，但最近进行了一些重构，这让我的进度变得缓慢，所以我想看看是否有办法克服这个障碍并加快速度我的调试过程。
有人有什么建议吗？有没有办法设置 Chrome 来启用检查对象变量？ Vue前端开发有没有更高效的调试方法或者工具？
除此之外，将前端和后端代码合并到一个项目中非常棒。 VSCode 坚如磐石。
我找到了 Vue 的解决方法，即使用 UI 中的按钮在 Watch 部分放置一个断点。在此断点中，Chrome 调试器中的 Watch 可以访问 'this' 变量。开发人员告诉我，这是他们一直处理的常见问题。当我对影响此范围访问问题的条件有更多了解时，我将添加它。
我正在开发 VueJS / Express 应用程序，进入比我以前做过的更高级的网络开发。我使用VSCode，在同一个项目中开发后端和前端。我能够使用 VSCode 调试器进行后端工作，并使用 Chrome 调试器进行前端工作。
VSCode 效果很好。故事到此结束。
Chrome 很强大，但很古怪。我最终对 Chrome 调试器进行了相当多的调试。再加上神秘莫测的 Vue 内部结构，它们总是会突然出现，从而增加了另一个必须深究（或忽略）的层次。但我遇到的最大问题是我无法检查组件脚本中的实例变量，只能检查断点所在函数的局部变量。这将我的过程减少到做很多一次性 console.log()语句，其中一个人正在寻找对 'this.[anything]' 实例变量的快速检查。
几个月来我一直在忍受这个问题，但最近进行了一些重构，这让我的进度变得缓慢，所以我想看看是否有办法克服这个障碍并加快速度我的调试过程。
有人有什么建议吗？有没有办法设置 Chrome 来启用检查对象变量？ Vue前端开发有没有更高效的调试方法或者工具？
除此之外，将前端和后端代码合并到一个项目中非常棒。 VSCode 坚如磐石。
我找到了 Vue 的解决方法，即使用 UI 中的按钮在 Watch 部分放置一个断点。在此断点中，Chrome 调试器中的 Watch 可以访问 'this' 变量。开发人员告诉我，这是他们一直处理的常见问题。当我对影响此范围访问问题的条件有更多了解时，我将添加它。