如何在my component vue中的laravel中显示具有数据库关系或雄辩的单个数据

我在使用Vue js和laravel api查看带有数据库关系的文章时遇到了一个问题。请帮帮我

这是我获得一篇文章的代码

    export default {
        data(){
        return{
            article: [],

        }
    },
        mounted() {
            axios.get(`/api/article/${this.$route.params.id}`).then(({ data }) => (this.article = data))
        }
    }
</script>```

BUT it's NOT WORKING WHEN I DISPLAY ON TOP LIKE ```{{article.id}}``` but if i try to ```{{article}}``` it will display my single article AND ALSO HOW CAN A DISPLAY IN MY ARTICLE THE AUTHOR BASE ON USER_ID PLEEEEAAASSSEEE HELP MEE. THANK YOU IN ADVANCE 

导出默认值{
数据（）{
返回{
第[…]条，
}
},
安装的（）{
get（`/api/article/${this.$route.params.id}`）。然后（{data}）=>（this.article=data））
}
}
```
但是当我像`{article.id}}``那样在顶部显示时，它不起作用，但是如果我尝试`{article}}``它将显示我的单个文章，以及如何在我的文章中显示作者基于用户` id pleeeaaassee HELP MEE。先谢谢你

您应该将它放在v-for中，以迭代arcticle中的数据

<ul>
 <li v-for="val in article">{{val.id}}</li>
</ul>

{{val.id}

---

如果您在数据上使用复数形式，以便易于读取，则效果会更好。

您应该将其放在v-for中，以便在arcticle中迭代数据

<ul>
 <li v-for="val in article">{{val.id}}</li>
</ul>

{{val.id}

---

如果您在数据上使用复数形式，以便易于阅读，效果会更好。

非常感谢，它起到了作用：）请帮助我如何在我的文章表中使用user_id获取作者的姓名此axios get中是否包含该名称？get（

/api/article/${this.$route.params.id}

）。如果没有，您可以管理文章返回的数据。您应该在用户和文章之间建立关系。我的控制器中的代码是

$article=DB:：table（'articles'）->join（'users'，'articles.user\u id'，'='，'users.id'，'users.name as author'，'articles.title as title'，'articles.created\u at as created\u at'，'articles.content as content'）->其中（'articles.id'，'='，$id）->get（）但当我称它为{{val.author}}
文章时，它没有显示在我的前端：[{id:17，作者：“作者姓名”，标题：“劳动自由委员会”。，…]0:{id:17，作者：“作者姓名”，标题：“劳动自由委员会”。，…}作者：“作者姓名”内容：别名：劳丹提乌姆必需品公司。这是我的荣幸。我在欧洲圣城。创建于：“2019-11-07 02:10:12”id:17标题：“劳动自由委员会”。
它显示在我的XRH中，但当我以{val.author}的身份在模板中调用时它不起作用可能返回的数据被弄乱了。非常感谢，它起作用了：）请帮助我如何在我的文章表中使用用户id获取作者的姓名。这个axios get？axios.get（
/api/article/${this.$route.params.id}
）。如果没有，您可以管理将由项目返回的数据。您应该在用户和项目之间建立关系。我的控制器中的代码是
$article=DB:：table（'articles'）->join（'users'，'articles.user_id'，'='，'users.id'）->select（'users.name as author'，'articles.title as title'，'articles.created_at as created_at'，'articles.content as content'）->where（'articles.id'，'='，$id）->get（）；
但当我调用它时，它没有显示在我的前端{{val.author}}
文章：[{id:17，author:“author name”，title:：《劳动自由公约》，…]0:{id:17，作者：“作者姓名”，标题：“劳动自由公约”，…}作者：“作者姓名”内容：“别名劳丹蒂姆·埃贝塔·埃贝塔·埃贝塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔·埃塔2019-11-07 02:10:12“id:17标题：“Consequatur rerum doloremque Labor libero。”
它显示在我的XRH中，但当我以{val.author}的身份在模板中调用时，它不起作用，可能返回的数据弄乱了。