我的 Vue/Laravel 应用程序中出现“TypeError：无法读取 null 属性”错误。我从 API 获取数据。我可以在脚本标记中访问数据，例如在 mounted 方法中，但在模板中我无法访问数据。

<template>

    <article class="hentry blog-post single-post single-post-v3">

        <router-link :to="'/kategori/'+post.category.slug" class="post-category bg-primary">{{post.category.title}}</router-link>

                        
        <h1 class="post-title">{{post.title}}</h1>
        
    ...

</template>

<script>
export default {
    components: {
        FeaturedPosts,
        Comments
    },
    async beforeRouteEnter(to, from, next) {

        const returned = (await axios.get(route("api.post", to.params.slug))).data.response

        next(vm => {
            vm.post = returned.post;
            vm.comments = (returned.comments != undefined) ? returned.comments.data : null;
            vm.commentsPagination = (returned.comments != undefined) ? returned.comments : null;
        });

    },
    data() {
        return {

            post: null,
            comments: null,
            commentsPagination: null,

        };
    },
}
</script>

它给出“未捕获（在承诺中）TypeError：无法读取 null 属性（读取‘category’）”。我可以在 mounted() 方法中访问 post.category，但在模板中我不能。