Question 7
Consider the below Vue component.
<template> <div> <p>{{ computedMessage }}</p> <button @click="update">Update</button> </div></template>
<script>export default { data() { return { message: 'Initial' }; }, computed: { computedMessage() { return this.message + ' - Computed'; } }, methods: { update() { this.message = 'Updated'; } }};</script>What will be displayed in the <p> element, after the button with text “Update” is clicked?
"Initial - Computed"
"Updated - Computed"
"Initial - Computed Updated"
"Updated"