[Vuejs]-VueJs doesn't show component`s source code

by

0👍

✅

You can’t see the HTML within the source code because the compilation takes place after the source code has already been generated.

What you can do however is right clicking your component and selecting Inspect within Chrome. This works because the elements tab shows a live representation of your code, so therefore it also shows the compiled component markup.

If you want further debugging tools you can check out the Vue devtools Chrome extension.

This does not work like jQuery for the reason that Vue takes a data-driven approach. Your data is in charge of what you markup is going to look like. jQuery usually enhances the HTML that is already there.

👤Stephan-v

Leave a comment