title: Getting Error "Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key" in index.vue
body: <p>I am new to vue.js. I have a simple index.vue which tries to connect to contentful and display the entries from contentful. My code in index.vue looks like this:</p>
  
  <hr>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;!-- render data of the person --&gt;
      &lt;h1&gt;{{ person.fields.name }}&lt;/h1&gt;
      &lt;!-- render blog posts --&gt;
      &lt;ul&gt;
        &lt;li v-for="post in posts"&gt;
          {{ post.fields.title }}
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    import {createClient} from '~/plugins/contentful.js'
  
    const client = createClient()
  </code></pre>
  
  <hr>
  
  <p>However when I try localhost:3000 from my browser...it comes back with the following error:</p>
  
  <hr>
  
  <p>ERROR in ./pages/index.vue
  Module Error (from ./node_modules/eslint-loader/index.js):</p>
  
  <p>C:\Users\admin\pdress\pages\index.vue
    7:7  error  Elements in iteration expect to have 'v-bind:key' directives  vue/require-v-for-key</p>
  
  <p>✖ 1 problem (1 error, 0 warnings)</p>
  
  <hr>
  
  <p>I appreciate if someone can help me out to proceed further with my learning on vue.js please. Thanks in advance</p>