How to output data in reverse order to the second layer and below in vue multiple loops

Don"t say much, post the question code first:

 el-tab-pane v-for="userClub in userClubsInfo" :key="userClub.clubName" :label="userClub.clubName">
  <router-link :to="{path:"OrgDetail", query:{"orgId":userClub._id}}">
   <el-button type="primary" class="go-index"><span>{{userClub.clubName}}</span></el-button>
  </router-link>
  <el-card class="box-card" v-for="clubTopics in userClub.clubTopics" :key="clubTopics.value">
  
    
The application of

this code is in this case:
first I have a user community information userClubsInfo,
then I traverse for the first time, distinguishing each community (the first v-for);
then I iterate a second time, outputting the discussion topics of each community (the second v-for);
but these topics are sequential, that is, the topics published at the beginning are in the first place. And what I want to output is: the newly released topic is at the top.
so, is there a way to output the contents of the second loop in reverse order? If so, can you post the code? thank you!

Mar.01,2021

v-for="clubTopics in userClub.clubTopics.reverse()"
Menu