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:翻转

05-11 14:59