如何实现Vue中Iconfont组件的三种引用方式封装及使用？

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

目录 + 准备 + 封装 + Unicode引用封装 + font-class引用封装 + symbol引用封装 + 引入 + 全局引入 + 局部引入 + 使用 + 在线使用 + 有时会因网络问题影响用户体验；直接放在 + 本地使用，过多使用也会显得繁琐。

目录

• 准备
• 封装
• unicode引用封装
• font-class引用封装
• symbol引用封装
• 引入
• 全局引入
• 局部引入
• 使用

在线使用 有时候会因网络问题影响用户体验；直接放在 本地使用 ，如果过多使用也会显得繁琐，所以就可以将其封装成一个组件，也方便维护。​

封装基于阿里巴巴图标库的项目图标。