How to debug in Vue?

Option 1: Use debugger statement

Insert the following line in your code where you want to break:

debugger

Option 2: Use Chrome Dev Console Sources tab

1. Open the Chrome Dev Console.
2. Go to the Sources tab.
3. Find the file you want to debug.
4. Click on the line number where you want to break.