title: Vue v-for works if there are only 7 elements in the array
body: <p>I can't understand why vuejs works only if the result I have from an axios GET request has a maximum of 7 elements.</p>
  
  <p>This is the code:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div class="chat-messages"&gt;
          &lt;div v-for="message in messages" :key="message.id" class="message"&gt;
              &lt;div class="avatar"&gt;
                  &lt;img :src="message.user.profile_image"&gt;
              &lt;/div&gt;
              &lt;div class="text"&gt;
                  &lt;p class="user"&gt;{{ message.user.name }}&lt;/p&gt;
                  &lt;p&gt;
                      {{ message.text }}
                  &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      data() {
          return {
              messages: [],
          }
      },
      created() {
          axios.get('/messages')
              .then((res) =&gt; {
                  this.messages = res.data;
              })
              .catch((err) =&gt; {
                  console.log(err.response);
              })
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>And this is how my JSON looks like ( just an example ):</p>
  
  <pre><code>[
  {
  "id": 142,
  "user_id": 2,
  "text": "Minima delectus saepe eos aliquam.",
  "created_at": "2019-05-09 16:28:56",
  "updated_at": "2019-05-09 16:28:56",
  "user": {
  "id": 2,
  "name": "Libbie Tremblay Sr.",
  "email": "hilda.koss@example.org",
  "profile_image": "https://via.placeholder.com/150",
  "email_verified_at": "2019-05-09 16:28:44",
  "created_at": "2019-05-09 16:28:44",
  "updated_at": "2019-05-09 16:28:44"
  }
  },
  {
  "id": 143,
  "user_id": 15,
  "text": "Officia fugit minus doloremque dolorem.",
  "created_at": "2019-05-09 16:28:56",
  "updated_at": "2019-05-09 16:28:56",
  "user": {
  "id": 15,
  "name": "Estevan Krajcik",
  "email": "ryan.rashad@example.org",
  "profile_image": "https://via.placeholder.com/150",
  "email_verified_at": "2019-05-09 16:28:44",
  "created_at": "2019-05-09 16:28:44",
  "updated_at": "2019-05-09 16:28:44"
  }
  }
  ]
  </code></pre>
  
  <p>If I send more than 7 elements, then it tells me:</p>
  
  <pre><code>Error in render: "TypeError: Cannot read property 'profile_image' of null"
  
  found in
  </code></pre>
  
  <p>If I remove that part of code then it says that it cannot read the 'name'..</p>
  
  <p>This is so strange...</p>