如何在Vue devtools中显示数据库中的数据？

Question

当我单击Cars时。我想给我看下图。

有人遇到过这个问题吗？我正在使用Vue Devtools，但无法检查任何组件，而没有出现。

Advert.vue

<template>
    <div>
        <ul class="list-group">
            <li v-for="category in categories" @click="sendAdvert(category.id)" class="list-group-item display">
                {{ category.name }}
            </li>
        </ul>
    </div>
</template>
<script>
    export default {
        props: ['categories'],
        data() {
            return {
                advert: [],
            }
        },
        methods: {
            sendAdvert(id) {
                axios.get('/adverts/'+id)
                    .then(response => {
                        this.advert = response.data;
                    });
            }
        }
    }
</script>

AdvertController.php

public function show(Request $request, $advert)
{
    return Category::find($advert);
}