Read the Vue.js code and answer the given subquestions. The parent binds an input with v-model and passes the value as a prop to a child component; the child contains a named slot that shows the message in uppercase. {{ message }} {{ message.toUpperCase() }} Vue.component('child-component', { props: ['title'], template: {{ title }} Child Content }); new Vue({ el: '#app', data: { message: 'Hello Vue' } }); Figure from the original question paper

(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 1 · 26 Oct 2025 · September 2025 term

MAD 2 Quiz 1 26 Oct 2025 — Question 16

Question 16

+2 marksOne or more correct options

Read the Vue.js code and answer the given subquestions. The parent binds an input with v-model and passes the value as a prop to a child component; the child contains a named slot that shows the message in uppercase.

html

1<div id="app">
2  <p>{{ message }}</p>
3  <input v-model="message" />
4  <child-component :title="message">
5    <template slot="header">
6      <h3>{{ message.toUpperCase() }}</h3>
7    </template>
8  </child-component>
9</div>
10
11<script>
12Vue.component('child-component', {
13  props: ['title'],
14  template: `
15    <div>
16      <h2>{{ title }}</h2>
17      <slot name="header"></slot>
18      <p>Child Content</p>
19    </div>
20  `
21});
22
23new Vue({
24  el: '#app',
25  data: {
26    message: 'Hello Vue'
27  }
28});
29</script>

Select all that apply.

Show answer

Correct answers

See the whole paper Take it as a mock test

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

MAD 2 Quiz 1 26 Oct 2025 — Question 16

Question 16

More questions from this paper