Формула, которая фиксирует значение определенной ячейки на 1 строку вниз & amp; 1 столбец над (в тренде) [закрыто]

Если вы используете однокомпонентный компонент Vue, это означает, что vue-loader ожидает, что содержимое тега <template> станет определением шаблона компонента и содержимым тега <script> для экспорта объект конфигурации, используемый при создании экземпляра Vue.

В настоящее время ваш <template> содержит правильное определение шаблона, но ваш <script> ничего не экспортирует. Поэтому, когда экземпляр Vue создается на основе содержимого этого файла, он не знает, где найти свойство tables, на которое ссылаются в шаблоне.

Кажется, вы пытаетесь установить Vue для элемента в определении шаблона. Но вы должны просто экспортировать свой объект конфигурации экземпляра Vue:

<template>
  <div >
    <input type='button' @click='allRecords()' value='Select All users'>
    <b-table striped hover responsive id="tabla_final" >
      <tr v-for='table in tables'>
        <td>{{ table.sum_real }}</td>
        <td>{{ table.sum_ppto }}</td>
        <td>{{ table.sum_real }}</td>
      </tr>
    </b-table>
  </div>
</template>

<script>
import Vue from 'vue'
const axios = require('axios')

export default {
  data() {
    return { tables: '' }
  },
  methods: {
    allRecords: function () {
      let self = this;
      axios.get('http://localhost/Tribeca/api.php')
        .then(function (response) {
          self.tables = response.data
          console.log(response.data)
        })
        .catch(function (error) {
          console.log(error)
        })
      }
    }
  })
}
</script>

Обратите внимание, что вам также нужно будет сделать функцию data, которая возвращает объект, и правильно ссылаться на данные tables свойство в обратном вызове then вызова axios.