Vuetify——使用icon图标

项目中能尽量不使用本地图片，就不使用，涉及到加载问题，尽量使用图标库。

推荐一个好用的图标库：https://materialdesignicons.com/

在项目中是如何使用的呢？
第一步：

创建一个js文件目录如： src/plugins/vuetify.js:

import Vue from "vue";
import Vuetify from "vuetify/lib/framework";

Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    iconfont: "mdi" // 'mdi' || 'mdiSvg' || 'md' || 'fa' || 'fa4' || 'faSvg'
  }
});

在main.js引入vuetify.js

import Vue from "vue";
import vuetify from "./plugins/vuetify";
new Vue({  
  vuetify,
  render: h => h(App)
}).$mount("#app");

使用图标：

<v-icon color="#bebebe" class="close">
	mdi-close-circle-outline
</v-icon>