Problema con Laravel 5.6.2 y Vuejs 2

Publicado hace 2 meses por @dylanpbn-at-gmailcom

Buenas tardes, recien estoy aprendiendo a integrar vue.js con laravel y estoy siguiendo los videotutoriales del calnal, estoy tratando de mostrar los datos de un componente pero al parecer algo estoy haciendo mal y lo que hace es crearse un loop y no me carga los datos, pero tampoco me arroja ningún error, les dejo esta imagen más detallada de lo que me sucede https://imgur.com/a/Aq9dRCh y les comparto el codigo que estoy usando, muchas gracias de antemano.

    <div class="container">
        <div class="row">
        <div class="justify-content-center col-8">
            <h1 class="page-header">Propietarios</h1>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-8">
            <table class="table table-strippedd">
              <thead class="thead-dark">
                <tr>
                    <th>ID</th>
                    <th>Nombre</th>
                    <th>Apellido</th>
                    <th>Identificación</th>
                    <th>Agregado</th>
                    <th colspan="2">  Acciones</th>
                </tr>
              </thead>
              <tbody>
                <tr v-for="(owner, index) in owners" :key="index">
                    <td width="10px">{{ owner.id }}</td>
                    <td>{{ owner.first_name }}</td>
                    <td>{{ owner.last_name }}</td>
                    <td>{{ owner.identification_document }}</td>
                    <td>{{ since(owner.created_at) }}</td>
                    <td width="10px">
                        <a href="#" class="btn btn-warning btn-sm">Editar</a>
                    </td>
                    <td width="10px">
                        <a href="#" class="btn btn-danger btn-sm">Eliminar</a>
                    </td>
                </tr>
              </tbody>
            </table>
        </div>
        <div class="col-sm-4">
            <form action="/propietarios/create" method="POST">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Nombre">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Apellido">
                </div>
                <div class="form-group">
                    <input type="number" class="form-control" placeholder="Numero documento de indentificación">
                </div>
                <button type="submit" class="btn btn-primary btn-sm">Agregar propietario</button>
            </form>
        </div>
    </div>
    </div>
</template>

<script>
    import axios from 'axios'
    import toastr from 'toastr'
    import moment from 'moment'

    export default {
        data () {
            return {
                owners: [],
            }
        },
        created: function () {
            this.getOwners();
        },
        methods: {
            since: function (d) {
                return moment(d).fromNow();
            },
            getOwners: function () {
                var urlOwners = 'owners';
                axios.get(urlOwners).then(response => {
                    this.owners = response.data
                });
            }
        }
    }
</script>```