Why can I see Vue code when I view the page source?

As I work through learning Vue, I noticed that when I view the page source I can see the Vue code. Meaning I can see where I have templates like <template-component></template-component>.....with their props and v-show, etc.

However, when I search for web sites out there running Vue and I view their page source, I do not see anything related to Vue. No templates, included JS scripts for components, etc.

So, it makes me think I am doing something wrong.

I am working via CDN not CLI. So, no building/compiling.

Just want to learn it correctly so as not to develop bad habits from the beginning.

Regards,
Mike


1 Reply

TJ Theveshwar Jayakumar Syncfusion Team July 14, 2023 04:36 AM UTC

Hi Michael,

 

Thank you for reaching out with your concern about Vue.js. We understand that you have noticed a difference when viewing the page source of your Vue projects compared to other websites running Vue.

 

We would like to clarify that for our websites running Vue, where you don't see anything related to Vue in the page source, it is likely because those demo websites are using a build process through Vue CLI. Therefore, the Vue code cannot be viewed in the source page. If you want to view our component snippets, we recommend going through the "Getting Started" documentation where you will find code snippets for all of our Vue controls. Please refer to our documentation provided below. Additionally, if you want to reference the Vue script directly, you can include Syncfusion Vue components in your HTML files and leverage them within your Vue.js applications. This allows for straightforward integration of Syncfusion Vue components without the need for additional build processes.

 

Vue documentation: https://ej2.syncfusion.com/vue/documentation/introduction

 

Direct Scripts: https://ej2.syncfusion.com/vue/documentation/getting-started/direct-scripts

 

 

If you require any further assistance or have additional questions, please feel free to let us know.

 

Regards,

Theveshwar


Loader.
Up arrow icon