[Vuejs]-How do I access nested json data with vuejs>

Based on the result of your endpoint you should change your assignment of items to

.then(response => {
  this.items = response.data.results
})

And your loop to

<tr v-for="item in items" :key="item.id">
  <td>{{ item.id }}</td>
  <!-- as downloadable is an array, see update below etc. -->
</tr>

But be aware – if you assign the data.results directly you will lose the so called "paginator" information that also contains the link to load more.

So another option would be to assign

this.items = response.data

HOWEVER, be aware that you should then define items in your data as null or empty object (not array, as this would be false)

And then change your loop to something like this (it’s now looping in item.results)

<tbody v-if="items && items.results">
 <tr v-for="item in items.results" :key="item.id">
  <td>{{ item.id }}</td>
  <!-- as downloadable is an array - see Update below etc. -->
 </tr>
</tbody>

This approach would allow you to show the total count via items.count for example

UPDATE:

Actually downloadable is an array! I can only assume what you actually want to achieve to here. I’ve created a jsfiddle to showcase it: https://jsfiddle.net/v73xe4m5/1/

The main thing you probably want to do is filter the entry to only show entries where downloadable contains a document_en.

      <tr v-for="item in items.results" :key="item.id">
        <td>{{ item.id }}</td>
        <td>
          <div class="downloads">
          <span
            v-for="downloadable in item.downloadable.filter(d => !!d.document_en)"
            :key="downloadable.id"
           >{{ downloadable.document_en.file }}</span>
           </div>
        </td>
      </tr>

I’m not familiar with that endpoint / api – so I don’t know if it might return more than one relevant document per item.

As you can see I used a second v-for loop inside the <td> in order to go through all downloadable entries. Before doing so, they are filtered, so only entries that actually have a document_en value are shown. You can adapt this as you want.

Hope that helps!