如何将Vue中手动封装的iconfont组件以三种引用方式改写为长尾词？

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

目录 + 准备 + 套装 + Unicode引用套装 + Font-class引用套装 + Symbol引用套装 + 引入 + 全局引入 + 局部引入 + 使用 + 在线使用 + 有时会受到网络问题影响用户体验；直接使用 + 本地使用，过多使用也会显得冗余。

目录

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

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

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