如何高效进行Vue程序调试？

本文共计924个文字，预计阅读时间需要4分钟。

1. 文本背景+由于程序的调试非常重要，程序员可以利用高效的调试方法去查找定位自己的问题所在。从而，达到纠正自己程序错误的目的，增强自己的程序，让问题变得越来越少。

1.写本文的背景

因为程序的调试非常重要，程序猿可以利用好的调试方法去查找定位自己的问题所在之处。从而，达到纠正自己程序错误的地方，健壮自己的程序，让问题变得越来越少，程序变得越来越健康。故作此文，而且日后会将实用的调试程序方法不断进行迭代更新。

2.调试与测试

调式与测试实际有异曲同工之妙，只不过对象不同。测试面向的是产品级，系统级；而调试往往是程序里的某一部分，某个方法，某个属性或者对象。最终效果也很类似，好的测试人员，测试方案可以将产品系统的问题解决在摇篮中；好的调试方法也会让你对程序的运行理解很深刻，对问题的查找定位变得很容易，让软件运行得更稳定。

3.Console调试法

3.1 添加console.log指令

在代码中添加console.log()方法，这里例子输出从数据库读回来的最高最低温，详见如下：

3.2 调出温度界面如下

3.3 Google浏览器的Console窗口

在Google浏览器中按F12，调出Console窗口如下。

3.4 console.error输出

将代码改成Error输出如下

3.5 浏览器输出

则浏览器的Console输出会变成红色如下。