title: [Vue warn]: Error in render: "TypeError: Cannot read property 'paid' of null"
body: <p>I am going to the foreach loop of an array. when i try to get the key , it shows an error.</p>
  
  <p>if i display whole raw array it displays all the data.</p>
  
  <pre><code>&lt;span v-for="bal in ballance"&gt;
       &lt;b &gt;
         {{bal}}
        &lt;/b&gt;
   &lt;/span&gt;
  </code></pre>
  
  <p>//it displays</p>
  
  <pre><code>{ "id": 3, "user_id": 2, "party_id": 7, "doc_no": "tck7nb", "bill_no": "123", "paid": 50, "ballance": 50, "remarks": "erer"}
  { "id": 4, "user_id": 2, "party_id": 7, "doc_no": "tck7nb", "bill_no": "123", "paid": 50, "ballance": 50, "remarks": "erer"}
  </code></pre>
  
  <p>but if if do like below, it gives the me the error mentioned in the title</p>
  
  <pre><code> &lt;span v-for="bal in ballance"&gt;
      &lt;b &gt;
        {{bal.paid}}
      &lt;/b&gt;
     &lt;/span&gt;
  </code></pre>
  
  <p>how to resolveve this</p>