<div id="vue-wrapper">
        <div class="table table-borderless" id="table">
            <table class="table table-borderless" id="table">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tr :key=item v-for="item in items">
                    <td>@{{ item.module }}</td>
                    <td>@{{ item.enabled }}</td>
                    <div v-if="item.enabled == true">
                        <td>Disable Button </td>
                    </div>
                    <div v-else>
                        <td>Enable Button </td>
                    </div>
                </tr>
            </table>
        </div>
    </div>

const app = new Vue({
            el: '#vue-wrapper',
            data: {
                items: [{"module":"Blog","enabled":false},{"module":"Booking","enabled":true},{"module":"Review","enabled":true}],
                hasError: true,
                hasDeleted: true,
                newItem: {'name': ''}
            },
            created () {
            //  this.getVueItems()
            },
            methods: {
                getVueItems: function () {
                    axios.get('/api/module/').then(response => {
                        console.log(response.data)
                        this.items = response.data;
                        console.log(this.items);
                    });
                },
                createItem: function () {
                },
                deleteItem: function () {
                },
            }
        });

<tr :key=item v-for="item in items">
                <td>@{{ item.module }}</td>
                <td>@{{ item.enabled }}</td>
                <div v-if="item.enabled == true">
                    <td>Disable Button </td>
                </div>
                <div v-else>
                    <td>Enable Button </td>
                </div>
            </tr>

<tr :key=item v-for="item in items">
                <td>@{{ item.module }}</td>
                <td>@{{ item.enabled }}</td>
                <td v-if="item.enabled == true">Disable Button</td>
                <td v-else>Enable Button</td>
            </tr>