Quiz Space

Modern Application Development II · Quiz 1 · 7 Jul 2024 · May 2024 term

Question 11: Consider the following html. Assuming vue cdn has been a…

Question 11

+3 marksOne correct option

Consider the following html.

html
<div id="app">
    <p>{{ message }}</p>
    <button @click="updateMessage">Click me</button>
</div>


<script>
new Vue({
    el: '#app',
    data: {
        message: 'Hello!'
    },
    methods: {
        updateMessage() {
            this.message += '!';
        }
    }
});
</script>

Assuming vue cdn has been added to the html and the html format is correct. What would be the output on the screen after clicking the button twice?

  1. A
  2. B
  3. C
  4. D
Show answer

Correct answer

  • D
See the whole paperTake it as a mock test

Question 11 of 16 in the IIT Madras BS Modern Application Development II (MAD 2) Quiz 1 paper sat on 7 Jul 2024, in the May 2024 term (IIT M DIPLOMA AN EXAM QDD2 7 July 2024). It carries 3 marks.

More questions from this paper

  1. Q1Figure question
  2. Q2What will be the output of the following code snippet?
  3. Q3Which of the following statements best describes the ephemeral state?
  4. Q4What is the difference between v-bind and v-model directives in Vue.js?
  5. Q5Figure question
  6. Q6Consider the below JavaScript program. What will be the output of the above program, if executed?
  7. Q7Consider the below JavaScript program. What will be the output when the code is executed?
  8. Q8Figure question
  9. Q9What is state management in the context of a web application?
  10. Q10Consider the following JavaScript program. What will be the output of the above program, if executed?
  11. Q12Which of the following is/are correct definition(s) of an arrow function that accepts a number and returns its square?
  12. Q13Consider the following JavaScript code embedded in the body of the HTML document given below. If the document is render…
  13. Q14Consider the below JavaScript program. What will be the output of the above program, if executed?
  14. Q15Consider the following Vue application with markup index.html and JavaScript file app.js. File: index.html File: script…
  15. Q16Consider the following html. Assuming Vue CDN has been added to the HTML and the HTML format is correct. What would be …