App.vue

<template>
<div id="app">
    <VueBootstrap4Table :payload="data" :table-config="config"></VueBootstrap4Table>
</div>
</template>

<script>
import VueBootstrap4Table from 'vue-bootstrap4-table'

export default {
    name: 'App',
    data: function () {
        return {
            data: {
                rows: [],
                columns: []
            },
            config: {
                pagination: true,
                num_of_visible_page: 7,
                per_page: 10
            }
        }
    },
    components: {
        VueBootstrap4Table
    },
}
</script>