vue引入Vue-Awesome
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:翻转
vue引入Vue-Awesome的更多相关文章
- 在普通js文件里引入vue实例的方法
		首先是我是写了一个 Loading 插件然后 是挂在打vue.prototype 原型上的. 在main.js中use使用了这个插件. 至此vue原型是就被我挂上 $loadding方法了. 然后我想 ... 
- vue学习记录:vue引入,validator验证,数据信息,vuex数据共享
		最近在学习vue,关于学习过程中所遇到的问题进行记录,包含vue引入,validator验证,数据信息,vuex数据共享,传值问题记录 1.vue 引入vue vue的大致形式如下: <temp ... 
- vue引入bootstrap——webpack
		想要在vue中引入bootstrap,引入的时候需要按照如下的步骤进行. 1.引入jquery 2.引入bootstrap 阅读本文前,应该能够搭建环境,使用vue-cli进行项目的创建,可以参考 ... 
- 记webpack下引入vue的方法(非.vue文件方式)
		直接script引入下载静态的vue.js文件则最后用copy-webpack-plugin复制到一样的目录即可 使用npm安装的vue无法直接用 import vue from "vue& ... 
- 单页面vue引入百度统计的使用方法!
		最近组长安排着做一个项目,h5的应用下载项目,想着做起来还是比较容易,可是看到提出的需求,我就有点懵逼了!需要对应用的下载进行统计!!!我当时就想着我前端怎么对页面点击按钮就行数据统计啊!我以前的项目 ... 
- vue引入jquery的方法
		1.局部引入 通过命令下载jquery npm install jquery --save-dev 在需要引入jquery的组件中通过import $ from 'jquery'引入即可 2.全局 ... 
- vue 引入通用 css
		1.在入口 js 文件 main.js 中引入,一些公共的样式文件,可以在这里引入. import Vue from 'vue' import App from './App' // 引入App这个组 ... 
- vue引入jQuery、bootstrap
		vue引入jQuery.bootstrap 1.使用vue-cli构建的vue项目 2.npm安装jquery.bootstrap npm install jquery 3.修改build/webpa ... 
- vue 引入 mint-ui 简单使用
		一 npm 方式 1,安装依赖 (已有项目) 如果想简单体验:基于vue-cli /* npm install vue -g npm install vue-cli -g // -g 是否全局 ... 
- 不再手写import - VSCode自动引入Vue组件和Js模块
		:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdow ... 
随机推荐
- 关于C#微信公众号开发的前言说明
			本人是昨天开始接触微信公众号开发的,昨天看一天官方文档,基本上晕乎乎的,刚开始接触这个真的有点困难,特别是C#在这方面的资料不多,不如php java方面的资料全. 所以我准备每天写一点关于C#微信开 ... 
- 【Hadoop】用web查看hadoop运行状态
			博文已转移,请借一步说话.http://www.daniubiji.cn/archives/621 上一篇文章(去博客园),我们安装完hadoop,下面我们从视觉上看看hadoop怎么玩的. 我们可以 ... 
- 【BZOJ】2049: [Sdoi2008]Cave 洞穴勘测  LCT
			[题意]给定n个点和m个操作,每次操作:1.连接2个点.2.断开2个点.3.查询2个点是否连通.m<=2*10^5. [算法]Link-Cut Tree [题解]LCT模板题,Link,Cut, ... 
- placeholder样式设置
			在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder ... 
- CodeForces - 1016B
			You are given two strings ss and tt, both consisting only of lowercase Latin letters. The substring ... 
- 2017ACM暑期多校联合训练 - Team 1 1011   HDU    6043    KazaQ's Socks   (找规律)
			题目链接 Problem Description KazaQ wears socks everyday. At the beginning, he has n pairs of socks numbe ... 
- 记一次诡异的bug调试——————关于JDK1.7和JDK1.8中HashSet的hash(key)算法的区别
			现象: 测试提了一个bug,我完全复现不了,但是最吊诡的是在其他人的机器上都可以复现.起初以为是SVN合并后出现的冲突,后来经过对比法排查: step 1: 我本地开两个jetty,一个跑合并之前的版 ... 
- hdu 5328 Problem Killer(杭电多校赛第四场)
			题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5328 题目大意:找到连续的最长的等差数列or等比数列. 解题思路:1.等差等比的性质有很多.其中比较重 ... 
- WordPress404页面自定义
			不知道大家是怎么设计404页面,个性的404可以为网站增色不少,wordpress设置404是在主题里面的404.php页面上,当然比如你用Apache.nginx等服务器,你可以自己建一个单页,内容 ... 
- JSON.stringify()——JS转JSON字符串
			JSON.stringify() JSON 通常用于与服务端交换数据. 在向服务器发送数据时一般是字符串. 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符 ... 
