<p>Select a category:</p>
{#each categories as category}
<button on:click="select(category)">select {category}</button>
{/each}
<script>
export default {
data() {
return {
categories: [
'animal',
'vegetable',
'mineral'
]
}
},
methods: {
select(name) {
alert(`selected ${name}`); // seriously, please don't do this
}
}
};
</script>
{}