laravel-5 - vuetable-2 を使用してデータベース内のテーブルからデータを行

Question

これは、stakeoverflow での最初の質問です。私は vuejs と vue-table-2 の新しいユーザーです。列から問題はありませんが、データベース内のテーブルのデータで行を埋めたいと思います。2日間、この問題を解決するためにグーグルで検索しました。誰でもこの問題を解決できますか？

<template>
  <div class="row">
    <div class="col-lg-12 mb-3">
      <b-card header="Data Paket" header-tag="h4" class="bg-success-card">
        <datatable title :rows="rowdata" :columns="columndata"></datatable>
      </b-card>
    </div>
  </div>
</template>
<script>
import Vue from "vue";
import axios from "axios";
import { ClientTable, Event } from "vue-tables-2";
import datatable from "components/plugins/DataTable/DataTable.vue";
Vue.use(ClientTable, {}, false);

export default {
  components: {
    datatable
  },
  data() {
    return {
      rowdata: [],

      columndata: [
        // Array of objects
        {
          label: "Name", // Column name
          field: "fname", // Field name from row
          numeric: false, // Affects sorting
          width: "200px", //width of the column
          html: false // Escapes output if false.
        },
        {
          label: "Last Name",
          field: "lname",
          numeric: false,
          html: false
        },
        {
          label: "age",
          field: "age",
          numeric: true,
          html: false
        },
        {
          label: "state",
          field: "state",
          numeric: false,
          html: false
        },
        {
          label: "Action",
          field: "button",
          numeric: false,
          html: true
        }
      ]
    };
  },

};
</script>