vue 项目 谷歌浏览器调试debugger 鼠标移上去看不到值

这个问题可能是由于 Vue 项目使用了 Webpack 或者其他打包工具，导致代码经过了压缩和混淆，从而使得调试器无法正确地显示变量的值。

解决这个问题的方法是在调试代码的时候，使用 Chrome 浏览器的开发者工具中的 Sources 面板，找到需要调试的代码文件，然后在需要调试的行上打上断点。当代码执行到这个断点时，停止执行并在调试器中查看变量的值。

如果断点无法生效，可以在代码中添加 `debugger` 语句来强制触发断点，例如：

function foo() {
  const a = 1;
  debugger; // 在这里添加断点
  const b = 2;
  return a + b;
}

当代码执行到 `debugger` 语句时，会立即停止执行并进入调试器，可以查看变量的值以及调用栈等信息。