Untitled

<v-data-table :headers="headers" :items="response">
        <template v-slot:header="{ headers }">
            <tr>
                <th>
                    <v-checkbox v-model="selectAll" @click="selectAllItems" />
                </th>
                <th v-for="header in headers" :key="header.value">
                    {{ header.text }}
                </th>
            </tr>
        </template>

        <template v-slot:[`item.checkbox`]="{ item }">
            <v-checkbox v-model="item.selected" color="primary"></v-checkbox>
        </template>

        <template v-slot:[`item.data_vencimento`]="{ item }">
            <v-text-field v-model="item.data_vencimento" solo dense hide-details></v-text-field>
        </template>

        <template v-slot:[`item.valor_mes`]="{ item }">
            <v-text-field v-model="item.valor_mes" solo dense hide-details></v-text-field>
        </template>

        <template v-slot:footer>
            <span>Mostrando {{ items.length }} de {{ totalItems }} registros</span>
        </template>

        <template v-slot:no-data>
            <v-alert type="info">Nenhum registro encontrado.</v-alert>
        </template>
    </v-data-table>