我正在使用方块图标网页组件，我试图弄清楚如何使用图标在我的链接数组为每一个项目。我只是不确定热去做。

<div class="container">
  <div class="linkbox">
    <a :href="link.href" class="link" v-for="link in links" :key="link.href" @click="goTo($event, link.href)">
      {{ link.name }}
      <box-icon></box-icon>
    </a>
  </div>
</div>

export default {
  data() {
    return {
      links:[
        { name: 'Twitter', href: 'http://www.twitter.com', icon: 'twitter' },
        { name: 'Github', href: 'http://www.github.com' },
        { name: 'Linkedin', href: 'http://www.linkedin.com' },
        { name: 'Patreon', href: 'http://www.linkedin.com' },
        { name: 'Linkedin', href: 'http://www.linkedin.com' },
      ]
    }
  }
}