list-postcards2.vue

list-postcards2.vue

<template>
   <div>
   <h3 v-if="postcards.length > 0">Postcards</h3>
   <h3 v-else>You don't have any active postcards.</h3>
   <ul>
       <span v-if="postcard.from != null">
                  From {{ postcard.from.name }} to {{ postcard.to.name }}.
              </span>
              <span v-else>
                  From *Address Missing* to {{ postcard.to.name }}.
              </span>
 
   </ul>
   </div>
</template>