Vue学习笔记
第一步在阿里矢量图标库将想要的图标加入购物车,然后在购物车中将图标添加到项目;下载至本地第二步组合VUE所需配置资源iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、iconfont.woff第三步在main.js中全局引入iconfont.css。import‘./assets/iconfont/iconfont.css’之后就可以在项目中正常使用了亲测JS模式的使用好像不行,但是Unicode引用和font-class引用是肯定可以的第四步在vue代码中的使用代码如下:1、组合阿里图标库资源包assets\iconfont\下载下来的内容2、main.js文件中引入import'./assets/iconfont/iconfont.css'3、全局任何页面上均可以下两种方式使用Unicode引用<spanclass="iconfont"></span>font-class引用<spanclass="iconfonticon-xxx"></span>总结:小心引入,认真看官方demo及使用说明,大胆尝试。