【Vue.js】Invalid prop: type check failed for prop ... Expected A, got B.エラーの対処

環境

vue.js 2.6.12

対処法

[Vue warn]: Invalid prop: type check failed for prop "itemData". 
Expected Object, got Array 

バインディングで渡された値の型がpropが期待する型と一致していないという内容です。
Invalid prop: type check failed for "プロパティ名", Expected 期待する型, got 実際に渡された型。

なので、今回は「itemDataにObject（オブジェクト）が渡されるはずが、Array（配列）が渡されている」ということです。対処としてはフロントで配列を期待する前提にするか、バックエンドからオブジェクトを渡すようにするか、という事になるかと思います。

端的には以下で解決します。

item.vue

<script>
export default {
  props: {
    itemData: {
      type: Object //オブジェクトじゃなくて
    },
    itemData: {
      type: Array //配列を指定する
    },
  },
}
</script>