title: How to add condition if object empty on the vue.js 2?
body: <p>My vue component is like this :</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;div v-if="!list"&gt;No results.&lt;/div&gt;
          &lt;div v-else class="panel-group" v-for="item in list"&gt;
              ...
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
      export default {
          ...
          computed: {
              list: function() {
                  return this.$store.state.order.list
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>The result of <code>console.log(this.$store.state.order.list)</code> is like this :</p>
  
  <p><a href="https://i.stack.imgur.com/ORBiP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ORBiP.png" alt="enter image description here"></a></p>
  
  <p>Seems it's a object</p>
  
  <p>I try like that, but when the object empty, it not display <code>&lt;div v-if="!list"&gt;No results.&lt;/div&gt;</code></p>
  
  <p>Is there anyone who can help me?</p>
  
  <p><strong>Update</strong> :</p>
  
  <p>If no data, the result of <code>console.log(this.$store.state.order.list)</code> is like this :</p>
  
  <p><a href="https://i.stack.imgur.com/OGM5r.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OGM5r.png" alt="enter image description here"></a></p>