Vue-Awesome建立在Font Awesome上 v4.5.0
,取决于Vue.js v2.0.1
+,所以安装了Vue-Awesome就可以直接使用Font Awesome的字体图标。
1.安装Vue-Awesome
$ npm install vue-awesome
2.引入Vue-Awesome
在main.js文件中加入以下代码:
import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon'
Vue.component('icon', Icon)
3.使用
<icon :name="refresh" scale="2"></icon> //scale:图标大小1,2,3。。。
<icon :name="refresh" spin></icon> //spin:图标旋转
<icon :name="refresh" flip="horizontal"></icon> //flip:翻转