Vue.js v-for почему в компоненту передается весь массив, а не итерируемый объект?

Question

[isamo]

При передачи массива данных "tablesList" и попытке отображение через директиву v-for в компоненту table-outsourse-vue в качестве пропса передается весь массив, а не итерируемый объект. Как это исправить?

<template>
  <table-outsource-vue
    v-for="table in tablesList"
    :key="table"
    :tablesList="table"
    :outsource="outsource"
    :fss="fss"
  />
</template>

<script>
import TableOutsourceVue from "./TableOutsource.vue";

export default {
  props: { tablesList: Array, outsource: Number, fss: Number },
  data() {
    return {};
  },

  components: {
    TableOutsourceVue,
  },
  methods: {},
};
</script>

<style></style>

<template>
  <div>
    <div>{{ tablesList }}</div>
    <div>{{ outsource }}</div>
    <div>{{ fss }}</div>
  </div>
</template>

<script>
export default {
  props: { tablesList: Object, outsource: Number, fss: Number },
};
</script>