Александр Шаповал

import Vue from 'vue'
import App from './App'

const app = new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})

<template>
  <div>
    <tr v-for="corr in corrs" :key="corr.id">
      <th>{{corr.id}}</th>
      <td>{{corr.name}}</td>
      <td>{{corr.fivest}}</td>
      <td>{{corr.comment}}</td>
    </tr>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data () {
    return {
      corrs: []
    }
  },
  created () {
    this.getAllCorrs()
  },
  methods: {
    getAllCorrs () {
      axios.get("http://url.local/api.php?action=read").then(response => {
        this.corrs = response.data
      }).catch(error => {
        console.log('-----error-------')
        console.log(error)
      })
    }
  }
}
</script>

<div id="app"></div>
 <script src="/js/my.js"></script>

created: function () {
    // _.debounce — это функция из lodash, позволяющая ограничить
    // то, насколько часто может выполняться определённая операция.
    // В данном случае мы хотим ограничить частоту обращений к yesno.wtf/api,
    // дожидаясь завершения печати вопроса перед тем как послать ajax-запрос.
    // Чтобы узнать больше о функции _.debounce (и её родственнице _.throttle),
    // см. документацию: https://lodash.com/docs#debounce
    this.debouncedGetAnswer = _.debounce(this.getAnswer, 500)
  },