Skip to content

Instantly share code, notes, and snippets.

@reireias
Created December 10, 2018 00:30
Show Gist options
  • Save reireias/094fe60f1aa2c8337bf29e9431dd01ec to your computer and use it in GitHub Desktop.
Save reireias/094fe60f1aa2c8337bf29e9431dd01ec to your computer and use it in GitHub Desktop.
vue sample
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment