如何在Vue.js中集成并使用图标组件？

本文共计1496个文字，预计阅读时间需要6分钟。

原文链接：https://gist.github.com/Justineo/fb2ebe773009df80e80d625132350e30

本文对原文进行了一次翻译，并从React开发者的角度进行了简要解读。

本文不包含字体图标和SVG sprite。仅在此讨论中允许使用。

原文链接：gist.github.com/Justineo/fb2ebe773009df80e80d625132350e30

本文对原文进行一次翻译，并从React开发者的角度简单地做了一些解读。

此文不包含字体图标和SVG sprite。仅在此讨论允许用户按需导入的图标系统。

There are three major ways of exposing API of an icon component in Vue.js and each one of them has its own pros & cons:

在Vue.js的生态里，有3种主流的API形态，它们有各自的优缺点：

1.使用单一的组件（如<v-icon>），让乃通过name或者type属性来指定真正的图标。

图标的数据通过一个全局的“池子”来注册。