Question 2
Consider the below Vue component.
<template> <div> <p>{{ message }}</p> <button @click="updateMessage">Change Message</button> </div></template>
<script>export default { data() { return { message: 'Hello' }; }, methods: { updateMessage() { this.message = this.message === 'Hello' ? 'World' : 'Hello'; } }};</script>What will be displayed in the <p> element, after the button with text “Change Message” is clicked?
Empty
Error
undefined
World
Hello