vue.jsでオブジェクトが空の場合に条件を追加する方法2？

Question

マイVUEコンポーネントは、このようなものです：

<template> 
    <div> 
     <div v-if="!list">No results.</div> 
     <div v-else class="panel-group" v-for="item in list"> 
      ... 
     </div> 
    </div> 
</template> 
<script> 
    export default { 
     ... 
     computed: { 
      list: function() { 
       return this.$store.state.order.list 
      } 
     } 
    } 
</script> 

console.log(this.$store.state.order.list)の結果はこのようなものです：

が、それは私がそのようにしてみてくださいオブジェクト

だようだが、ときにオブジェクト空、それは表示されません<div v-if="!list">No results.</div>

c私を助ける？

更新：

データがない場合には、console.log(this.$store.state.order.list)の結果はこのようなものです：

Answer 1

<div v-if="Object.keys(list).length === 0">No results.</div>