我可以在 Vue getter 中将内容打印到控制台吗？

Question

我是 vue 的新手，正在调试一些东西，我有一个问题：我可以从 Vue getter 打印一些东西到控制台吗？例如：

get foo() {
  console.log(bar);
  return bar;
}

我可以写那一行吗console.log(bar)？

谢谢！

Answer 1

调试 vue 最好的办法是下载 vue.js 的扩展 - 它是 vue 选择的调试工具 -

（我假设正在使用 chrome，所以下面的 link 用于调试器）-

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en

使用调试器，您可以访问 vue 实例，我认为这正是您在这里寻找的：

希望对您有所帮助 - W

Answer 2

Can I write that line console.log(bar)?

具体回答你的问题，是的，你可以这样做（假设 bar 声明在范围内）。

您是否在 Vue 实例上声明了 getter？如果是这样，那是不寻常的，通常您会改用 computed property。

使用 console.log() 作为快速调试机制很好，但是像 你应该在大多数调试情况下使用 Vue 开发工具扩展，也与 JavaScript 调试器结合使用内置于您的浏览器中。