Start your All-Access Pass to unlock this challenge
Pizza time! Check out the following component where we need to hide or show
a "Loading" message depending on a loading
state.
<template>
<span>Loading...</span>
<h1>Pizza Menu</h1>
<pizza-menu-list />
</template>
<script>
import PizzaMenuList from '@/components/pizza-menu-list';
export default {
name: 'MainComponent',
components: {
PizzaMenuList
},
data() {
return {
loading: true,
};
},
};
</script>
What is the best way to hide and show the "Loading" <span>
?