[Vuejs]-Vue js Property or Method "theSport" not defined on the instance

You need to use v-for="theSport in sportPlayed" instead of v-bind:for="theSport in sportPlayed" to loop through the sportPlayed array.

Check the List Rendering documentation: https://v2.vuejs.org/v2/guide/list.html