Vue json call from App parent

App_fragment.vue

<script>
import jQuery from 'jquery';
let $ = jQuery;

export default {
  name: 'App',
  components: {
    tableComponent,
    chartComponent
  },
  created : function(){
    var _this = this;

    // Using Jquery, you could use something else, note that your response is going to be different,
    // here it returns a chartLeaderboard and tableLeaderboard but yours is probably different
    // If you want to further modify your response this is a good place to do so.
    // 
    $.getJSON('https://YOUR_API_URL', function (data) {
       _this.chartData = data.charLeaderboard
       _this.tableData = data.tableLeaderboard
    })
  },

  data() {
      return {
        chartData = []
        tableData = []
      }
    }
}
</script>