Laravel 5 使用vuetable-2从我的数据库中的表中删除数据行

这是我在stakeoverflow中的第一个问题。我是vuejs和vue-table-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>

从“Vue”导入Vue；
从“axios”导入axios；
从“vue-tables-2”导入{ClientTable，Event}；
从“components/plugins/datatable/datatable.vue”导入datatable；
use（ClientTable，{}，false）；
导出默认值{
组成部分：{
数据表
},
数据（）{
返回{
行数据：[]，
列数据：[
//对象数组
{
标签：“名称”，//列名
字段：“fname”，//行中的字段名
numeric:false，//影响排序
宽度：“200px”，//列的宽度
html:false//如果为false，则转义输出。
},
{
标签：“姓氏”，
字段：“lname”，
数字：false，
html:false
},
{
标签：“年龄”，
字段：“年龄”，
数字：对，
html:false
},
{
标签：“国家”，
字段：“状态”，
数字：false，
html:false
},
{
标签：“行动”，
字段：“按钮”，
数字：false，
html：对
}
]
};
},
};