Modern Application Development II · Quiz 1 · 13 Jul 2025 · May 2025 term

Question 14: You're building a basic Vue app using Vue 2 via CDN to s…

Question 14

+3 marksOne correct option

You're building a basic Vue app using Vue 2 via CDN to show a user's login form.

You want to:

Show a welcome message once the user enters a name and clicks "Login".
Bind the input using v-model.

But this code is yet to be tested, you have to test this code and push it to production.

html

1<body>
2
3<div id="app">
4  <input v-model="username">
5  <button @click="loggedIn = true">Login</button>
6
7  <p v-if="loggedIn">
8    Welcome, {{ username }}!
9  </p>
10</div>
11
12<script>
13  new Vue({
14    el: '#app',
15    data: {
16      username: '',
17      loggedIn: false
18    }
19  });
20</script>
21
22</body>
23</html>

Based on the above data, answer the given subquestions.

Show answer

Correct answer

See the whole paper Take it as a mock test

Question 14 of 16 in the IIT Madras BS Modern Application Development II (MAD 2) Quiz 1 paper sat on 13 Jul 2025, in the May 2025 term (IIT M DIPLOMA AN EXAM QDD2 13 July 2025). It carries 3 marks.

Question 14: You're building a basic Vue app using Vue 2 via CDN to s…

Question 14

More questions from this paper