Understanding the Default Vue App


In the last tutorial we created the default Vue app.  When we make the browser narrow the app displays a persistent header at the top, 2 tabs below the header, and content below the tabs that is dependent on the tab we choose.

 

Let’s now look at the files that were automatically created by vue-create and discuss their purpose (classroom exercise).

Now let’s understand how the files are related by tracing the use of the files starting at index.html.  Click on the image to open it in a lightbox.