Similar to the Augury (https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd) utility that we presented in the previous chapter, Vue also has its own developer tools (https://github.com/vuejs/vue-devtools).
To install them, you can go to the official website or directly download any of the following:
- The Google Chrome extension: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
- The Firefox extension: https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools
- The portable and browser-independent version: https://github.com/vuejs/vue-devtools/blob/master/shells/electron/README.md
We'll use the Google Chrome extension as an example here.
Once installed, if you open up a page running a Vue application and then press F12 to show the Developer Tools, you should see a Vue tab:
If you...