Vue.js 为什么我的网站在vuejs axios中检索后返回2个空间

我是vuejs的新手，目前正在学习如何检索所有数据

上图显示返回为空，但仍有两行间距，我不知道为什么

下面是我的checker.vue上的代码

<template>
<div id="app">  

  <button @click="loadAll()">Load ALL</button>
      <li v-for="(warranty, index) in warrantys" :key="index">
         {{warranty.id}} -{{warranty.warranty_code}} - {{warranty.receipt}} - {{warranty.warranty_status}}
      </li> </div>
</template>

<script>
export default {
    data: function () {
        return {
            warrantys:[

            ]
        }
    },
    methods: {
      loadAll(){
        this.axios({ 
          method: 'get',
          url: 'http://www.example.com/process.php?action=read',
        }).then((response) => {
            this.warrantys = response.data;
        });  
      },
  }
}
</script>

全部加载

{{warranty.id}-{{warranty.warranty{u code}-{{warranty.receipt}-{{warranty.warranty{u status}}

导出默认值{
数据：函数（）{
返回{
保证书：[
]
}
},
方法：{
loadAll（）{
这个.axios（{
方法：“get”，
网址：'http://www.example.com/process.php?action=read',
})。然后（（响应）=>{
this.qualitys=response.data；
});  
},
}
}

此外，我还尝试了控制台日志this.warranty。它返回正确的数据。所以我怀疑问题出在绑定数据，对吗

我还要提到的是，我使用CLI创建这个项目

请帮忙

---

你能显示控制台.log（response.data）的结果吗？？亲爱的Bình Trương，我已经更新了代码。你能试试

这个.arquerys=response.data.$arquerys

哇，它很有效。为什么它会退回$Y呢