Consider the Vue application with markup index.html and JavaScript app.js index.html app.js const NavBar = { template: Home Bowling Average , } const Batsman = { template: Batting Average Strike Rate , components: { NavBar, }, } new Vue({ el: '#app', template: , components: { Batsman, }, }) Suppose the application is running on “http://localhost:8080” . What will be rendered by the browser?

(C) ● Home\ ● Batting Average\ ● Strike Rate

(A) ● Home\ ● Bowling Average

(B) ● Home\ ● Bowling Average\ ● Batting Average

(D) ● Bowling Average\ ● Batting Average

Modern Application Development II · Quiz 2 · 3 Dec 2023 · September 2023 term

Question 2: Consider the Vue application with markup index.html and J…

Question 2

+3 marksOne correct option

Consider the Vue application with markup index.html and JavaScript app.js

index.html

html

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

app.js

javascript

1const NavBar = {
2  template: `<ul>
3    <li> Home </li>
4    <slot><li>Bowling Average</li></slot>
5    </ul>`,
6}
7
8const Batsman = {
9  template: `<NavBar><li>Batting Average</li><li>Strike
10Rate</li></NavBar>`,
11  components: {
12    NavBar,
13  },
14}
15
16new Vue({
17  el: '#app',
18  template: `<Batsman />`,
19  components: {
20    Batsman,
21  },
22})

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

A
● Home
● Bowling Average
B
● Home
● Bowling Average
● Batting Average
C
● Home
● Batting Average
● Strike Rate
D
● Bowling Average
● Batting Average

Show answer

Correct answer

C
● Home
● Batting Average
● Strike Rate

See the whole paper Take it as a mock test

Question 2 of 16 in the IIT Madras BS Modern Application Development II (MAD 2) Quiz 2 paper sat on 3 Dec 2023, in the September 2023 term (IIT M DIPLOMA AN2 EXAM QDD2 03 Dec 2023). It carries 3 marks.

Question 2: Consider the Vue application with markup index.html and J…

Question 2

More questions from this paper