vue调试

在使用 vue.min.js 进行开发的时候会遇到框架的一些报错情况，这时候直接看报错提示很难定位，这时候我通常的做法就是使用排除法，把一些代码注释掉然后看看是不是还会继续报错。这种做法能解决一些简单的问题，但是比较费时，同时有些问题通过排除法也很难定位。这时候我们需要认真的看一下错误堆栈，那里面会打印出所有错误的调用堆栈。

1.原来js引用

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script>
<script src="/antd.min.js"></script>
<script src="/moment.min.js"></script>

2.报错内容如下

只是看这个报错内容的话，我们很难跟我们自己的代码关联起来，其实这个报错堆栈只是堆栈的一部分，点击那个被绿色框框围起来的的三角会打开所有的堆栈信息：
效果如下：

这时候我们就能看出来我们的代码在哪个地方开始报错的，然后就可以打断点来调试了，这里来说我们需要调试的代码在我们代码的496行处。

也许你觉得这样的提示还不是很明显，那么你还有一个选择，就是把引用的vue.min.js换成vue.js，这样不仅能打印原来的报错信息，还会打印一些其他更明确信息。