在做后台管理系統的時候，有時候會通過后台控制前台的導航或者鏈接，有時候還需要加上圖標
那么怎么實現呢？
首先大家的想法都是，使用循環，再加上 下面代碼，即可展示圖標
<i v-for='item in icons' :key='item' :class="'fa fa-'+icon"></i>
下面的問題是怎樣獲得icon圖標數組呢？要知道FontAwesome有幾百個圖標，光一個個復制也很頭疼了吧，那么有沒有一種方法，可以一次復制，拿到所有圖標呢？
當然有了，首先我們下載FontAwesome包，用瀏覽器打開下面的svg文件，我下載的是4.7.0版本
打開后如下圖
在瀏覽器console下輸入Array.from(document.querySelectorAll('glyph')) // Array.from(document.querySelectorAll('symbol‘）
取決於你的svg文件中標簽是什么，如果是 glyph 就輸入Array.from(document.querySelectorAll('glyph'))
反正，則輸入Array.from(document.querySelectorAll('symbol“）
之后enter鍵，你會看到
輸入以下完整的，則可以看到你心心念念的icon數組了，直接復制即可。
有時候可能對象名稱不對，可以點開每一個對象，自行查找，我就是這樣一層層扒出來的
可以用以下鏈接進行下載
https://files.cnblogs.com/files/bingchenzhilu/font.js
