在Vue中如果想要进行调试时，如果是在js中调试的话，可以直接添加一个debugger，然后在浏览器中打开检查进行断点调试。
但是如果在vue界面的话则没法逐步查看变量的值。

解决方法：使用外部浏览器调试

打开项目的vue.config.js，修改configureWebpack，添加

devtool: '#eval-source-map',

完整配置代码

 configureWebpack: {
    name: name,
    devtool: '#eval-source-map',
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  },

然后就可以在想要调试的vue页面添加debugger

————————————————
原文链接：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108069279