vue学习之Font Awesome图标

官方文档

https://fontawesome.com.cn/v5

Font Awesome 安装

cnpm install font-awesome
1

/src/main.js 引入css

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
import 'font-awesome/css/font-awesome.min.css'

// Vue.config.productionTip = false

Vue.use(ElementUI);

new Vue({
    el: '#app',
    render: h => h(App),
}).$mount('#app')
1
2
3
4
5
6
7
8
9
10
11
12
13
14

使用

• /src/components/Hello.vue引入标签

 <i class="fa fa-camera-retro"></i>
1

查看效果