The JavaScript framework Vue.js, Part 7 Debugging Vue Applications
Anyone who relies solely on log outputs for debugging also gives away in the vue.js-framework time and development convenience. From the universally applicable JavaScript console to the highly specialized Vue.js-Devtools.
The most famous tool for debugging JavaScript applications, no matter what framework, is, of course, the developer tools of the browser. In Chrome, you can find them in the menu under “Show > Developer > Developer Tools” or simply in the context menu under “Investigate”. The tools include different tabs.
During Vue development, it is particularly advisable to keep the console open and in mind at all times. Possible runtime errors are output here. Using the instance console class Console simple log messages can be output to the browser console (or in Stdout and Stderr). There are various methods for this, such as console.debug(), console.log(), console.error() or console.warn() available.