**需求：** 利用对象数组渲染英雄列表案例 **展示效果：**如下： 

这个需求可以通过利用对象数组来实现英雄列表的渲染。具体步骤如下：
1. 在数据中定义一个对象数组，每个对象包含英雄的姓名、头像和描述等信息。
2. 在页面中使用v-for指令遍历对象数组，将每个对象的信息渲染到页面上。
3. 使用v-bind指令将每个英雄的头像绑定到img标签的src属性上。
4. 使用v-if指令判断英雄是否有描述，如果有则渲染描述，否则不显示。

具体代码实现可以参考下面的范例：

<template>
  <div>
    <h2>英雄列表</h2>
    <ul>
      <li v-for="hero in heroes" :key="hero.id">
        <img :src="hero.avatar" alt="">
        <div>
          <h3>{{ hero.name }}</h3>
          <p v-if="hero.desc">{{ hero.desc }}</p>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      heroes: [
        {
          id: 1,
          name: '盖伦',
          avatar: 'https://cdn.learnku.com/uploads/images/202012/18/1/7JGQJ9zJZC.png!large',
          desc: '德玛西亚之力'
        },
        {
          id: 2,
          name: '提莫',
          avatar: 'https://cdn.learnku.com/uploads/images/202012/18/1/7JGQJ9zJZC.png!large',
          desc: '迅捷斥候'
        },
        {
          id: 3,
          name: '亚索',
          avatar: 'https://cdn.learnku.com/uploads/images/202012/18/1/7JGQJ9zJZC.png!large',
          desc: ''
        }
      ]
    }
  }
}
</script>