使用bootstarp图标

1. 下载版本3，新版本会出现兼容问题

npm install bootstrap@3

2. 在main.js中导入样式

//导入bootstrap
import 'bootstrap/dist/css/bootstrap.css'

3. 在vue组件中就可以使用了

<h1>这是app组件<span class="glyphicon glyphicon-pencil"> Edit</span></h1>

使用iconfont图标

1. 选择图标，加入购物车，并下载代码

2. 将解压文件夹iconfont放在src/assets文件夹中，并在main.js中导入

import './assets/iconfont/iconfont.css'

3. 挑选相应图标并获取类名，应用于页面

<span class="iconfont icon-auto"></span>