我设计的是打开blogDetail组件在OnMounted中执行根据uuid获取博客的内容,然后传递给5个子组件,blogDetail的template是这样:
<div class="overlay1" v-if="myStore.showBlogDetail" @click="closeBlogDetail">
<div class="left">
<!-- 轮播图放在这里 -->
<Images v-if="blogDetail!=null&&blogDetail!=={}" class="images"></Images>
</div>
<div class="right">
<!-- 右侧内容放在这里 -->
<AuthorInformation v-if="blogDetail!=null&&blogDetail!=={}" class="author"></AuthorInformation>
<BlogContent v-if="blogDetail!=null&&blogDetail!=={}" class="blogContent"></BlogContent>
<CommentList v-if="blogDetail!=null&&blogDetail!=={}"></CommentList>
<ReplyForm v-if="blogDetail!=null&&blogDetail!=={}"></ReplyForm>
</div>
</div>