Indian Institute of Technology Madras
BS Degree Programme · Examination & Study Paper
Modern Application Development II
Vue reactivity, computed & watchers
Examination Instructions & Guidelines
- Solve on notebook/paper first before checking solutions.
- MCQ: Exactly 1 option is correct. Negative marking applies.
- MSQ: One or more options correct. Select all to score.
- NAT: Numerical response. No negative marking.
- Scientific calculator allowed for all calculations.
- Official answer key is sealed at the end of this sheet.
Quiz 1 · 26 Oct 2025 (AN)Quiz 1
- Q1MCQ3 Marks·Choose one option

- A

- B

- C

- D

- A
- Q2NAT3 Marks·Write the number
Your answer:
End Term · 31 Aug 2025 (FN)End Term
- Q3MCQ2 Marks·Choose one option

- AThe component will reload when data changes
- BThe DOM updates automatically when the underlying reactive data changes
- CAll function calls become asynchronous
- DIt disables direct access to state
Read the passage below, then answer Q4–Q6


Based on the above data, answer the given subquestions.
Q4MCQ3 Marks·Choose one optionAfter step 2 (selecting two tasks), what is the value of selectedTasks.length?
- A0
- B1
- C2
- D3
- Q5MCQ3 Marks·Choose one option
What happens when the user clicks "Select" on Design UI again (step 3)?
- AIt is added again, making the total 3
- BIt replaces the previous task
- CNothing changes, no duplicate is added
- DVue throws a warning about duplicate keys
- Q6MSQ3 Marks·Choose all correct options
Which of the following statements about this component setup are true?
- A

- B

- C

- D

- A
End Term · 31 Aug 2025 (AN)End Term
- Q7MCQ2 Marks·Choose one option
What does "reactivity" mean in the context of frontend frameworks like Vue.js?
- AThe component will reload when data changes
- BAll function calls become asynchronous
- CIt disables direct access to state
- DThe DOM updates automatically when the underlying reactive data changes
- Q8MCQ3 Marks·Choose one option

- AApp 1 only shows data
- BBoth show “Hello from App 2”
- CBoth show “Hello from App 1”
- DEach renders its own message independently
Read the passage below, then answer Q9–Q11


Scenario
1. The component is loaded.
2. User clicks "Mark Complete" for the task named Build Project.
3. User clicks "Show Completed" button again.
Q9MCQ3 Marks·Choose one optionAfter step 2 (Mark Completed is clicked), what tasks are shown?
- ALearn Vue
- BLearn Vue, Build Project, Test App
- CTest App only
- DNone
- Q10MCQ3 Marks·Choose one option
After step 3 (Mark Complete is clicked on Build Project), how many completed tasks are reported in the UI?
- A1
- B2
- C3
- D0
- Q11MSQ3 Marks·Choose all correct options
Which of the following are true about this component’s behavior?
- A

- B

- C

- D

- A
End Term · 22 Dec 2024 (FN)End Term
- Q12MCQ3 Marks·Choose one option

- AThe watcher will not be triggered because “name” is a nested property of “user” object.
- BThe watcher will be triggered and log "User object changed: { name: 'Bob', age: 30 }".
- CThe watcher will be triggered, but it will only log the new “name” value, i.e., “Dev”, and not the entire user object.
- DThe watcher will throw an error because deep watching is not supported on nested objects.
- Q13MCQ4.5 Marks·Choose one option

- ALikes: 5
- BLikes: 8
- CLikes: 6
- DLikes: 9
End Term · 22 Dec 2024 (AN)End Term
- Q14MCQ4.5 Marks·Choose one option

- AThe watcher will be triggered and log "User object changed: { name: 'Bob', age: 30 }".
- BThe watcher will not be triggered because “name” is a nested property of “user” object.
- CThe watcher will be triggered, but it will only log the new “name” value, i.e., “Dev”, and not the entire user object.
- DThe watcher will throw an error because deep watching is not supported on nested objects.
- Q15MCQ4.5 Marks·Choose one option

- A[2, 4, 6]
- B[2, 4, 6, 8]
- C[4, 8, 12]
- D[2, 4, 6, 16]
- Q16MCQ4.5 Marks·Choose one option

- ARequired
- BInvalid format, Email exists, Required
- CRequired, Email exists
- DValidating..., Required