Consider the following Vue component: Vue.component('search-component', { data() { return { searchQuery: '' } }, watch: { searchQuery(newQuery, oldQuery) { this.fetchResults(newQuery) } }, methods: { fetchResults(query) { // Fetch search results } } }) Which of the following statements is true?

(B) The fetchResults method will be called only when searchQuery changes.

(A) The fetchResults method will be called immediately when the component is created.

(C) The watch property can detect changes even if the new value is the same as the old value.

Modern Application Development II · End Term · 13 Apr 2025 · January 2025 term · Set QDD3

Question 12: Consider the following Vue component: Which of the follo…

Question 12

+3 marksOne correct option

Consider the following Vue component:

javascript

1Vue.component('search-component', {
2  data() {
3    return {
4      searchQuery: ''
5    }
6  },
7  watch: {
8    searchQuery(newQuery, oldQuery) {
9      this.fetchResults(newQuery)
10    }
11  },
12  methods: {
13    fetchResults(query) {
14      // Fetch search results
15    }
16  }
17})

Which of the following statements is true?

A
The fetchResults method will be called immediately when the component is created.
B
The fetchResults method will be called only when searchQuery changes.
C
The watch property can detect changes even if the new value is the same as the old value.
D
All of these.

Show answer

Correct answer

B
The fetchResults method will be called only when searchQuery changes.

See the whole paper Take it as a mock test

Question 12 of 32 in the IIT Madras BS Modern Application Development II (MAD 2) End Term paper sat on 13 Apr 2025, in the January 2025 term (IIT M DIPLOMA AN EXAM QDD3 13 Apr 2025). It carries 3 marks.

Question 12: Consider the following Vue component: Which of the follo…

Question 12

More questions from this paper