Question 13
Consider the following Vue App and the HTML document given below.
index.html
<body> <div id="app"> <my-comp> <h3>Exploring Vue JS</h3> <template v-slot:ongoing> <h3>Learning App Dev 2</h3> </template> </my-comp> </div> <script src="./script.js"></script></body>script.js
const MyComp = { name: 'my-comp', props: ['tech'], template : `<div class="container"> <slot name="complete"><h3>Learned DBMS</h3></slot> <slot name="ongoing"></slot> <slot>Exploring Frontend</slot> </div>`}
const app = new Vue({ el: '#app', components: { MyComp }})What will be rendered on the browser for code setup given above?
Learning App Dev 2
Exploring Vue JSLearning App Dev 2
Exploring FrontendLearned DBMS
Learning App Dev 2
Exploring FrontendLearned DBMS
Learning App Dev 2
Exploring Vue JS