JSFiddle - React, Tailwind, and code Playground

by mogu10

HTML

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div v-show="loading" class="loader">Now loading...</div>
<div v-show="!loading" class="itemContainer">
<p>あいうえお</p>
  
</div>

JavaScript

var app = new Vue({
    el: '#app',
    data: {
        results: [],
        loading: true
    },
    mounted () {
        axios
            .get("api.php")
            .then(response => {
                this.results = response.data;
                this.loading = false;
            })
    }
});