Consider the following Vue2 app and the index file given below. index.html {{ state }} script.js const app = new Vue({ el: '#app', data: { terminal: ['3','2','1'], curr_status: ["arrived", "departed", "delayed"] }, computed: { state: () => { return The flight 103 has {this.curr_status[1]} from terminal {this.terminal[2]}. } } }) What will be the output on the browser?

(A) The flight 103 has departed from terminal 1.

(B) The flight 103 has arrived from terminal 2.

(C) The flight 103 has delayed from terminal 3.

(D) The flight 103 has from terminal.

Modern Application Development II · Quiz 1 · 23 Feb 2025 · January 2025 term

Question 12: Consider the following Vue2 app and the index file given…

Question 12

+4.5 marksOne correct option

Consider the following Vue2 app and the index file given below.

index.html

html

1<body>
2    <div id="app">
3        <h4>{{ state }}</h4>
4    </div>
5    <script
6       src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js">
7    </script>
8    <script src="./script.js"></script>
9</body>
10</html>

script.js

javascript

1const app = new Vue({
2    el: '#app',
3    data: {
4        terminal: ['3','2','1'],
5        curr_status: ["arrived", "departed", "delayed"]
6    },
7    computed: {
8        state: () => {
9            return `The flight 103 has ${this.curr_status[1]} from terminal
10${this.terminal[2]}.`
11        }
12    }
13})

What will be the output on the browser?

A
The flight 103 has departed from terminal 1.
B
The flight 103 has arrived from terminal 2.
C
The flight 103 has delayed from terminal 3.
D
The flight 103 has from terminal.
E
ReferenceError

Show answer

Correct answer

E
ReferenceError

Video solution

The video solution to this question is being recorded and will play here. Until then, the answer key is above.

See the whole paper Take it as a mock test

Question 12 of 16 in the IIT Madras BS Modern Application Development II (MAD 2) Quiz 1 paper sat on 23 Feb 2025, in the January 2025 term (IIT M DIPLOMA AN EXAM QDD2 23 Feb 2025). It carries 4.5 marks.

Question 12: Consider the following Vue2 app and the index file given…

Question 12

Video solution

More questions from this paper