Consider this HTML and Vue setup: index.html {{ message }} {{ message }} app.js new Vue({ el: '#app1', data: { message: 'Hello from App 1' } }); new Vue({ el: '#app2', data: { message: 'Hello from App 2' } }); What will be rendered on the browser?

(D) Each renders its own message independently

(B) Both show “Hello from App 2”

(C) Both show “Hello from App 1”

Modern Application Development II · End Term · 31 Aug 2025 · May 2025 term · Set QIB3

Question 14: Consider this HTML and Vue setup: index.html app.js What…

Question 14

+3 marksOne correct option

Consider this HTML and Vue setup:

index.html

html

1<div id="app1">{{ message }}</div>
2<div id="app2">{{ message }}</div>
3<script src="app.js" />

app.js

javascript

1new Vue({
2  el: '#app1',
3  data: { message: 'Hello from App 1' }
4});
5
6new Vue({
7  el: '#app2',
8  data: { message: 'Hello from App 2' }
9});

What will be rendered on the browser?

A
App 1 only shows data
B
Both show “Hello from App 2”
C
Both show “Hello from App 1”
D
Each renders its own message independently

Show answer

Correct answer

D
Each renders its own message independently

See the whole paper Take it as a mock test

Question 14 of 32 in the IIT Madras BS Modern Application Development II (MAD 2) End Term paper sat on 31 Aug 2025, in the May 2025 term (IIT M IMPROVEMENT AN EXAM QIB3 31 Aug 2025). It carries 3 marks.

This question was also asked in

MAD 2 End Term — 31 Aug 2025, Set QDD3 · question 14

Question 14: Consider this HTML and Vue setup: index.html app.js What…

Question 14

This question was also asked in

More questions from this paper