JSFiddle - React, Tailwind, and code Playground

by eagle sum

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.3/vue.js"></script>
<div id="show">
    {{ url_data }}
</div>

JavaScript

var demo = new Vue({

        el: '#show',

        data: {
            url_data: []
        },
        created: function () {
            this.getData();
        },
        methods: {
            getData: function () {
                var apiURL = 'https://api.github.com/repos/vuejs/vue/commits';
                var xhr = new XMLHttpRequest();
                var self = this;
                xhr.open('GET', apiURL);
                console.log(xhr.open('GET', apiURL));
                xhr.onload = function () {
                    self.url_data = xhr.responseText;
                }
                xhr.send()
            }
        }
    })