添加mixins功能，修改图标引入方式

src/main.js

@@ -1,21 +1,26 @@
-import Vue from "vue";
-import App from "./App.vue";
-import router from "./router";
-import store from "./store";
-import dataV from "@jiaminghi/data-view";
+import Vue from 'vue';
+import App from './App.vue';
+import router from './router';
+import store from './store';
+import dataV from '@jiaminghi/data-view';
 Vue.use(dataV);
 
-// 引入vue-awesome
-import Icon from "vue-awesome/components/Icon";
-import "vue-awesome/icons/index.js";
+// 按需引入vue-awesome图标
+import Icon from 'vue-awesome/components/Icon';
+import 'vue-awesome/icons/chart-bar.js';
+import 'vue-awesome/icons/chart-area.js';
+import 'vue-awesome/icons/chart-pie.js';
+import 'vue-awesome/icons/chart-line.js';
+import 'vue-awesome/icons/align-left.js';
+
 // 全局注册图标
-Vue.component("icon", Icon);
+Vue.component('icon', Icon);
 
 // 适配flex
-import "@/common/flexible.js";
+import '@/common/flexible.js';
 
 // 引入全局css
-import "./assets/scss/style.scss";
+import './assets/scss/style.scss';
 
 Vue.config.productionTip = false;
 
@@ -23,4 +28,4 @@ new Vue({
   router,
   store,
   render: (h) => h(App),
-}).$mount("#app");
+}).$mount('#app');