Why is Vue.js Chrome Devtools not detecting Vue.js?

Question

I have the following code with a simple working Vue.js application. But the vue.js devtools is not responding. It was working well a few days ago, now it\'s not working anymore

Answer 1

One alternative is to set up a local web server, as the OP already stated.
The other - which IMHO is faster and less harassing - is letting the extension have access to file URLs, which is disabled by default.

Simply go to chrome://extensions and leave the "Allow access to file URLs" box checked for Vue.js devtools.

Sources:
https://github.com/vuejs/vue-devtools#common-problems-and-how-to-fix
http://codersdeck.com/vue-js-2-setting-vue-devtools/