Indian Institute of Technology Madras
BS Degree Programme · Examination & Study Paper
Modern Application Development II
Vue directives & templates
Official Paper
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.
- 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
- Q1MSQ2 Marks·Choose all correct options
Which of the following Vue 2 template syntaxes are valid?
- A
- B
- C
- D
- A
- Q2MSQ2 Marks·Choose all correct options
Which of the following statements about Vue 2 templates are correct?
- Av-if removes elements from DOM when false
- Bv-show toggle initiates re-render of the Vue component
- Cv-bind can bind attributes and class dynamically
- DVue 2 templates must use double curly braces for all text interpolation
- Q3MCQ3 Marks·Choose one option
- A1-C, 2-D, 3-A, 4-E, 5-B
- B1-A, 2-C, 3-B, 4-D, 5-E
- C1-C, 2-A, 3-D, 4-B, 5-E
- D1-E, 2-A, 3-D, 4-C, 5-B
Read the passage below, then answer Q4–Q5
Q4MCQ2 Marks·Choose one option
- A
- B
- C
- D
- A
- Q5MSQ2 Marks·Choose all correct options
- A
- B
- C
- D
- A
End Term · 31 Aug 2025 (FN)End Term
- Q6MSQ3 Marks·Choose all correct options
- AThe class "active" will only be applied to the div element if the variable "isActive" evaluates to true.
- BThe class "text-bold" will always be applied to the div element regardless of the "hasBoldText" variable value.
- CThe class "disabled" will be applied to the div element when the variable "isEnabled" evaluates to false.
- DAll three classes ("active", "text-bold", "disabled") will always be applied to the div element.
- EThe class "text-bold" will only be applied if the variable "hasBoldText" exists and evaluates to a truthy value.
- FIf "isEnabled" is undefined, the "disabled" class will not be applied to the div element.
End Term · 31 Aug 2025 (AN)End Term
- Q7MSQ3 Marks·Choose all correct options
- AThe class "active" will only be applied to the div element if the variable "isActive" evaluates to true.
- BThe class "disabled" will be applied to the div element when the variable "isEnabled" evaluates to false.
- CThe class "text-bold" will always be applied to the div element regardless of the "hasBoldText" variable value.
- DAll three classes ("active", "text-bold", "disabled") will always be applied to the div element.
- EIf "isEnabled" is undefined, the "disabled" class will not be applied to the div element.
- FThe class "text-bold" will only be applied if the variable "hasBoldText" exists and evaluates to a truthy value.
- Q8MCQ4.5 Marks·Choose one option
- A
- B
- C
- D
- A
End Term · 22 Dec 2024 (FN)End Term
- Q9MCQ3 Marks·Choose one option
- AThe paragraph with the text “This paragraph is visible” will be displayed.
- BThe paragraph with the text “This paragraph is hidden” will be displayed.
- CBoth paragraphs will be displayed because of the v-if and v-else bindings.
- DNo change will happen since v-if and v-else do not update the DOM.
- Q10MSQ4.5 Marks·Choose all correct options
- A
- B
- C
- D
- A
End Term · 22 Dec 2024 (AN)End Term
- Q11MCQ3 Marks·Choose one option
- AThe paragraph with the text “This paragraph is hidden” will be displayed.
- BThe paragraph with the text “This paragraph is visible” will be displayed.
- CBoth paragraphs will be displayed because of the v-if and v-else bindings.
- DNo change will happen, since v-if and v-else do not update the DOM.
- Q12MSQ2 Marks·Choose all correct options
- AThe class, namely “classB” will always be applied to the div element.
- BThe classes, namely “classA” and “classB” will always be applied to the div element.
- CThe class, namely “classA” will only be applied to the div element, if the variable “isClassA” evaluates to true.
- DThe class, namely “classB” will only be applied to the div element, if no variable with name “isClassA” exists.