<template v-for='obj in topic'>

   <div class='row'>
   <img :src='obj.author.avatar_url' :title="obj.author.loginname"/>
   <span>{{obj.reply_count}}</span>
   <span>/</span>
   <span>{{obj.visit_count}}</span>
   <span>{{obj | tabName}}</span>
   <span>{{obj.title}}</span>
   <span></span>
   <!--就這有l(wèi)astReply不能顯示 其他的數(shù)據(jù)都能顯示 
      這個(gè)請(qǐng)求不是第一次請(qǐng)求
   -->
   <img :src='lastReply'/>
   
   <router-link :to="{name:'topic',params:{id:1}}">
     this is root page
   </router-link>
   </div>
 </template>
 
 

getData:async function(){

  var limit=5;
  var data=await axios({
    method:'get',
url:'https://cnodejs.org/api/v1/topics',
params:{
  limit:limit
}
  })
  //這次請(qǐng)求來(lái)的數(shù)據(jù)可以顯示到html
  console.log(data.data.data);
  this.topic=data.data.data;
  var id=data.data.data[0].id;
  
  var reply_btw='';
  
 for(var i=0;i<limit;i++){
    id=data.data.data[i].id;
    //這幾次請(qǐng)求來(lái)的數(shù)據(jù)可以顯示在控制臺(tái) 但在template中就不行了了
    reply_btw=await axios({
                            url:'https://cnodejs.org/api/v1/topic/'+id
                          });

console.log(reply_btw.data.data.replies);
    if(reply_btw.data.data.replies.length<1){
  this.topic[i].lastReply=false;
}
else{
 //所有請(qǐng)求來(lái)的數(shù)據(jù)都存到topic里面
  this.topic[i].lastReply=reply_btw.data.data.replies.slice(-1)[0].author.avatar_url;
}

  }
  //最終在控制臺(tái)顯示的數(shù)據(jù)是完整的
  console.log(this.topic);
}