Consider the following Vue application with javascript file “app.js” and markup file “index.html”. index.html app.js const Product = { template: No title No Description Given Flexible , } new Vue({ el: '#app', template: Lenovo Desktop 8GB RAM, 512GB SSD 61K , components: { Product, }, }) Suppose the application is running on “http://localhost:8080”. What will be rendered by the browser for the URL “http://localhost:8080/#/”?

(A) Option figure from the original question paper

(B) Option figure from the original question paper

(C) Option figure from the original question paper

(D) Option figure from the original question paper

Modern Application Development II · Quiz 2 · 6 Aug 2023 · May 2023 term

Question 5: Consider the following Vue application with javascript fi…

Question 5

+3 marksOne correct option

Consider the following Vue application with javascript file “app.js” and markup file “index.html”.

index.html

html

1<body>
2    <div id="app"></div>
3</body>

app.js

javascript

1const Product = {
2  template: `<div>
3    <slot name="title">No title</slot>
4    <slot>No Description Given</slot>
5    <slot name="price">Flexible</slot>
6    </div>`,
7}
8new Vue({
9  el: '#app',
10  template: `
11  <Product>
12    <p>
13       <b>Lenovo Desktop</b>
14       8GB RAM, 512GB SSD
15    </p>
16    <template v-slot:price>
17       61K
18    </template>
19  </Product>`,
20  components: {
21    Product,
22  },
23})

Suppose the application is running on “http://localhost:8080”. What will be rendered by the browser for the URL “http://localhost:8080/#/”?

Show answer

Correct answer

See the whole paper Take it as a mock test

Question 5 of 16 in the IIT Madras BS Modern Application Development II (MAD 2) Quiz 2 paper sat on 6 Aug 2023, in the May 2023 term (IIT M FOUNDATION AN2 EXAM QPF2 06 Aug 2023). It carries 3 marks.

Question 5: Consider the following Vue application with javascript fi…

Question 5

More questions from this paper