vue sample

sample.vue

<template>
  <v-container grid-list-md>
    <v-layout
      v-for="category in categories"
      :key="category.name"
      wrap
    >
      <v-flex xs12>
        <v-card>
          <v-card-text>{{ category.name }}</v-card-text>
        </v-card>
      </v-flex>
      <v-flex
        v-for="skill in category.skills"
        :key="skill"
        xs1
      >
        <v-card>
          <v-card-text>{{ skill }}</v-card-text>
        </v-card>
      </v-flex>
    </v-layout>
  </v-container>
</template>

<script>
export default {
  data() {
    return {
      categories: [
        {
          name: 'a',
          skills: [
            '1',
            '2'
          ]
        },
        {
          name: 'b',
          skills: [
            '3',
            '4',
            '5'
          ]
        }
      ]
    }
  }
}
</script>