CompoundList.vue

<template>
  <li class="compound_list">
    <ul>
      <DefElement :body="body.intro" v-if="body.intro" />
      <li :key="index" v-for="(item, index) in body.elements">
        <a :href="item.article_id + (item.definition_id ? '#def'+item.definition_id : '')"> {{item.lemmas.join(',')}};</a>
      </li>
    </ul>
  </li>
</template>

<script>
import DefElement from './DefElement.vue'

export default {
  name: 'CompoundList',
  props: {
    body: Object
  },
  components: {
    DefElement
  }
}
</script>
<style scoped>
  li.compound_list ul li {
    display: inline;
  }
</style>