Quiz Space

Modern Application Development II · Quiz 1 · 27 Oct 2024 · September 2024 term

Question 1: Consider the following HTML, with the correct Vue 2 CDN l…

Question 1

+2 marksOne correct option

Consider the following HTML, with the correct Vue 2 CDN links included.

html
<body>
  <div id="app" :class="['box', { active: isActive }]">
  Vue Component
  </div>
  <script>
    new Vue({
      el: '#app',
      data() {
        return {
          isActive: false,
        };
      },
    });
  </script>
</body>

What will be the final rendered class attribute of the <div> ?

  1. A

    box

  2. B

    active

  3. C

    box active

  4. D

    box inactive

Show answer

Correct answer

  • A

    box

See the whole paperTake it as a mock test

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

More questions from this paper

  1. Q2Which of the following is an example of ephemeral state in a web application?
  2. Q3Consider the following JavaScript code What will be the output of the code?
  3. Q4Consider the following JavaScript code snippet What will be the output of the code?
  4. Q5Consider the following code snippet What will be the output after 1 second?
  5. Q6Consider the below javascript program. What will be the output of the above program?
  6. Q7Consider the below Vue component. What will be displayed in the <p> element, after the button with text “Update” is cli…
  7. Q8Consider the following HTML, with the correct Vue 2 CDN links included. What will be shown in the amount placeholder wh…
  8. Q9Consider the following HTML, with the correct Vue 2 CDN links included. What will be displayed in the <p> tags after th…
  9. Q10Consider the below javascript program. What will be the output of the above program?
  10. Q11Consider the below Vue component. What will be displayed in the <ul> when filterActive is true?
  11. Q12Which of the following statements is/are true about JavaScript’s “this” keyword behavior in different contexts?
  12. Q13Considering the differences between “var”, “let”, and “const” in terms of scope, hoisting, and reassignment, which of t…
  13. Q14Which of the following statements is/are true?
  14. Q15Which of the following scenario(s) represent ephemeral state(s) in a web application?
  15. Q16What are the differences between Vue's computed properties and methods?