Javascript 加载数据（最初为空）和无项目之间的差异

我有一个页面，其中项目从API检索，然后显示在页面上。 此API请求在

创建的
钩子中完成。我想在它仍在等待API响应时显示[loading]消息，在加载完成时显示[no items]消息，但没有项目

目前我有一个
IsEmpty
computed属性：

isEmpty() {
  return this.cards.length == 0;
}

但这两种情况都会触发。如何创建一个属性来处理这两种情况？
尝试添加一个名为
load
的数据对象属性，该属性最初设置为
true
，然后将其重置为
false
API回调：

data(){
  return {
     loading:true
    }
 },
computed:{
   isEmpty() {
       return this.cards.length == 0 || this.loading;
  }
},
created (){
   axios.get(...).then(res=>{
      ...
     this.loading=false;
    })

通过使用单独的
加载
或
isBusy
属性！你面临的问题是什么？