vue项⽬引⼊iconfont【最简单⽅便的Symbol引⽤】（从下载到使⽤的步骤）⼀、⾸先到iconfont图标库
⼆、下载图标的步骤
先收藏
icon图标库
收藏（也叫⼊库，购物车的图标）
添加到项⽬（这个项⽬不是只我们开发中的项⽬，代指⽽已）
先创建项⽬（代指），在我的项⽬中（相当于你要⽤的这些图标在哪个项⽬中）
我的项⽬
这时才有添加的⽬标库
最后下载下来【下载后是个压缩包zip】
三、引⽤到vue项⽬中的步骤
解压，这是解压后的⽂件，我们⽤Symbol引⽤只要⽤到这个js⽂件
将其放到我们的icons⽬录下（其他不⽤管，那是另外两种引⽤⽅法⽤的）
然后到vue的main.js⼊⼝，引⼊（填⾃⼰存放的地址）
/** iconfont
* Symbol 引⽤
*/
import'xxx/assets/icons/iconfont.js'
最后使⽤图标（只能使⽤我们下载时项⽬库中有的图标）
<span @click="handleViews($event, row)">
<svg class="icon"aria-hidden="true">
<use href="#icon-icon"></use>
</svg>
</span>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。