关于Vue中的遍历问题

Question

如代码：
后台

@PostMapping("/forekitsearch")  
public Object search(String keyword) {  
  if(keyword == null)  
    keyword = "";  
  List<Kit> kits = kitService.search(keyword,0,20);  
  kitImageService.setFirstKitImages(kits);  
  return kits;   //返回了所有根据关键字 查询到的东西
}

前台axios

var data1 \= {  
  uri: 'forekitsearch',  
  kits: [] 
};
---------
load: function() {  
  var url = this.uri + "?keyword=" + keyword;  
  axios.post(url).then(function(response){  
    vue.kits = response.data;  
    console.log(JSON.stringify(vue.kits));  
  });
 }

页面

<div v-for="kit in kits">  
 <img :src="'img/kitSingle/'+kit.firstKitImage.id+'.jpg'" />   
 <a :href="'fore_kit_download?kid=' + kit.id">{{ kit.name}}</a>  
 <p>{{ kit.description.substr(0,24)}}</p>  
 <span>{{ kit.downloadTimes}}</span\>  
 <span>{{ kit.updateTime.substr(0,10)}}</span>  
 <a :href="'fore_kit_download?kid=' + kit.id"></a>
 <font>{{kit.flag}}</font>
</div>

问题：
前台能拿到后台传递过来的list集合

但是页面显示不了,也不报错

大佬，这是为什么？ 有什么解决方案嘛