JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https:////cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.7/vue.js"></script>
<div id="demoList">
  <h1>Latest Vue.js Commits</h1>

  <ul>
    <li v-for="item in items">
      - <span class="message">{{item.commit.message}}</span><br>
      by <span class="author">{{item.commit.author.name}}</span>
      at <span class="date">{{item.commit.author.date}}</span>
    </li>
  </ul>

</div>

JavaScript

var apiURL = 'https://api.github.com/repositories/11730342/commits?per_page=5&sha=';

new Vue({

  el: '#demoList',

  data: {
    currentBranch: 'dev',
    items: null
  },

  created: function () {
    this.fetchData();
  },

  methods: {
    fetchData: function () {
    var self = this;
    $.get( apiURL, function( data ) {
        self.items = data;
        console.log(data);
    });

    }

  }
});