VUE中进入断点调试主要有三种方式，参考这里。 这里采用的是第三种方式。这种方式的优点是配置简单，缺点是会影响我们的代码，如果忘记去掉了debugger命令，会影响程序的运行，所以eslint默认情况下是不许采用这种方式的。

设置允许使用debugger

正如前面所说的，eslint默认是不允许使用debugger进行调试的，所以我们需要先修改package.json文件，允许使用debugger。

"eslintConfig": {
    ......
    "rules": {
      "no-debugger": "off",//允许使用debugger
      "no-console": "off",
      "no-unused-vars": "off" 
    }
  },

设置断点

在需要设置断点的地方加入debugger命令，如下，我们在login函数中加入debugger命令

async login(userData) {
            debugger //设置断点
            const result = await axios.post('/api/v1/auth/login', userData)
            const { user, code, jwt } = result.data
            if (code === 200) {

启动我们的程序，点击登录就可以进入断点了，如下图：

这种调试模式在VUE项目可能不是很实用，但是在微信小程序项目中非常好用，因为微信小程序发布后会自动忽略掉debugger命令，所以你发布的时候忘记删除debugger也没有影响。