jq960素材网

当前位置: 主页 > JQ/JS插件 > vue插件 > 布局 >

Vue-Awesome

官方网址:http:// 下载次数:
插件描述

引入Font Awesome 4.7的助手组件

方便顺手的引入Font Awesome
如果你使用的组件库中没有引入它的话,使用这个工具可以快速引入



快速起步

cnpm install vue-awesome

/*在.vue中引入*/
/* 有两种不同的方案引入图标资源 */

// 方案一:一个一个引入,能减少编译后的大小
import 'vue-awesome/icons/flag'

// 方案二:全部引入,不用再一个一个单独引入(如果不在乎编译后代码体积的话)
import 'vue-awesome/icons'

/* 引入Vue组件 */
import Icon from 'vue-awesome/components/Icon'

// 可以象下面这样全局注册
Vue.component('icon', Icon)

// 也可以象下面这样只在本组件中注册
export default {
  components: {
    Icon
  }
}

注:FontAwesome是一个比较大的图标库,建议还是在需要的时候单独引入使用的图标


顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐素材