<template>
    <div>
        <h1 v-if="text" class="text-6xl">Hello</h1>
        
        <button @click="text = !text">Toggle</button>
    </div>
</template>

<script>
    module.exports = {
        data: function () {
            return {
                text: true
            }
        }
    }
</script>

<style>
    
</style>

<div>

<h1 v-if="text" class="text-6xl">Hello</h1>

<button @click="text = !text">Toggle</button>

</div>

</template>

module.exports = {

data: function () {

return {

text: true

}

</script>

<style>

</style>

›

"Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools"

›

"You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html"

-9:42