在Vue Js 2上将json数组转换为Object

Question

我正在尝试将数据json从数组转换为对象，以便能够使用数据，但出现了问题......

以下是数据json示例：

[
  {
    "id": 1,
    "title": "my title",
    "imgHero": "../../path/hero.jpg"
  }
]

这是Vue组件：

<template>
  <div class="hero">
    <img :src="blog.imgHero" alt="hero image" class="heroImg">
    <h3 class="heroTitle">{{ blog.title }}</h3>
  </div>
</template>

<script>
  import tripsJson from '@/data/trips.json'

  export default {
    name: 'App',
    data () {
      return {
        array: tripsJson,
        blog: {}
      }
    },
    created () {
     var obj = this.array.reduce(function (acc, cur, i) {
      acc[i] = cur
      return acc
     }, {})
     this.blog = obj
     console.log(this.blog)
    }
  }
</script>

任何帮助或建议都非常受欢迎。 THX