In this part, we will create the <template> section of the single file component. Follow these instructions to create the component correctly:
- In the div#app HTML element, we need to add a vs-row component:
<div id="app">
<vs-row></vs-row>
</div>
- In the vs-row component, we need to add a vs-col component with the following attributes: vs-type defined as flex, vs-justify defined as left, vs-align defined as left, and vs-w defined as 12:
<vs-col
vs-type="flex"
vs-justify="left"
vs-align="left"
vs-w="12">
</vs-col>
- Finally, inside the vs-col component, we will add a dynamic component that has an is attribute to the computed property component and point the event listener at the "change-component" event that will execute the changeComponent method:
<component
:is="component"
@change-component="changeComponent"...