前兩篇文章寫了一下如何在vue項目中使用vue-awesome和阿里的iconfont，這里介紹一下如何使用iconMoon圖標
iconMoon和前兩者相比可以生成自己的矢量圖，這點是我喜歡的。至於前兩種有沒有這個功能我暫時沒了解，今天用了一下iconMoon瞬間喜歡上！！
首先提示一下：不要用我們的png,jpg等格式來轉成svg格式。一個是基於像素的，一個是基於矢量線的，
哪怕我們用在高級的工具轉，這些基礎的東西是無法轉換的，
而iconMoon生成自己的圖標必須要使用真正的svg格式圖標。
不多說其他的，正式開始，iconMoon官方地址
1.如果想要直接使用它們自帶的官方圖標
選擇我們想要的圖標之后，點擊右下角的Generate Font F
這時會看到我們已經選擇的圖標，在這里可以修改名稱等，然后點擊右下角的下載
解壓文件，可以查看demo.html，看我們的圖標是否下載完成。在下載的文件夾中，我們只需要fonts文件夾和style.css文件
接下來在vue項目中創建文件夾，這里是我創建文件下路徑，只是提供參考
scr/common/fonts
scr/common/stylus/style.css
繼續走
打開style.css樣式，修改引入字體的路徑（不同路徑寫的方式不一樣，需要注意）
在main.js中全局引入
import './common/stylus/style.css'
如果import時出錯，可能是你的vue項目沒有安裝css-loader這些，具體的問度娘吧，這里就不解釋了。
接下來就可以在各個組件中使用我們已經下載好的矢量圖標了。這里我的class的名字是test1-02，需要換成自己icon的名字
<i class="icon-test1-02"></i>
如果想要使用我們自己畫的.svg格式的矢量圖圖標，點擊Import Icons
導入我們本地的.svg格式的圖標（注意，矢量圖是用矢量線畫的，png,jpg等使用像素來的，不可以直接用png轉成svg格式，否則不成功）
引入之后，接來下就和上面的步驟一樣了。