I'm trying to create a v-select dropdown which just contains the scores in the teamData object. When I try to render it to the component form the parent nothing shows up, what needs to be added for the list to populate with just the teamNames parameter.
Parent.vue File
var teamData = [
{
teamName: "Buccaneers",
score: 0,
},
{
teamName: "Seahawks",
score: 0,
},
{
teamName: "Patriots",
score: 0,
},
{
teamName: "49ers",
score: 0,
}
]
<score-component :teamData="Team Data"> </score-component>
Component.vue File
<template>
<v-select :items="teamData.score"></v-select>
</template>
<script>
export default{
props:["teamData"]
data: () => ({
});
</script>