如何显示具有数据库关系的单个数据，或者在我的组件Vue中的laravel中雄辩地显示单个数据

Question

我在使用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 

Answer 1

您应该将其放在v-for中以迭代arcticle内部的数据。

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

如果在数据上使用复数，以便于阅读，那就更好了。