[Vuejs]-Vue js props no data

Projects is a list (Array) of Objects. if you want to access an Object in the list, you need to reference its position. for example:

<div class="textandimage"> Name: {{ projects[0].name }} </div>

This will access the first Object in your list, and return the value of the key name

EDIT: for-loop

If you want to loop through the data to the template, do something like this:

<div v-for="(item, index) in projects" class="container projectbox" :key="index">
  <div class="textandimage"> Name: {{ item.name }} </div>
</div>

Hope that makes more sense.