Question 15
Consider the following Vue SFC.
<template> <div> <p v-if="loading">Loading...</p> <p v-else>{{ data }}</p> </div></template>
<script>export default { data() { return { data: null, loading: true } }, async mounted() { this.data = await Promise.resolve('Hello MAD2'); this.loading = false; }}</script>What finally appears on the browser?
Nothing renders
“Loading…” remains
Hello MAD2
Error (await in mounted)