Home.vue

<template>
  <div id="app">
      //インポートしたitem-gridコンポーネントにthis.itemsを渡して、
      //index1-10までのアセットを表示
      <app-item-grid :items="items"></app-item-grid>
  </div>
</template>

<script>
import ItemGrid from './ItemGrid.vue'
//web3_util.jsを呼び出してgetRandomAssetsの関数をインポート
import {getRandomAssets} from '../js/web3_util.js'
export default {
  name: 'app',
  data: function () {
    return {
      items: []
    }
  },
  mounted: async function(){
    //this.itemsにgetRandomAssetsで入手したデータを保存
    this.items = await getRandomAssets().then(function(value){
      return value
    })
  },
  components: {
    appItemGrid: ItemGrid
  }
}
</script>