main.js

import Vue from 'vue'
import 'normalize.css/normalize.css'// A modern alternative to CSS resets
import App from './App'
import router from './router'
import store from './vuex/store'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import { sync } from 'vuex-router-sync'
import './styles/index.scss' // global css
import UtilsPlugin from './assets/utils'
import HttpPlugin from './http/Index'
import VCharts from 'v-charts'
import Vant from 'vant'
import 'vant/lib/vant-css/index.css'
Vue.use(Vant)
Vue.config.productionTip = false
// plugins
Vue.use(UtilsPlugin)
Vue.use(VCharts)
Vue.use(HttpPlugin)
Vue.use(ElementUI)
router.beforeEach((to, from, next) => {
  setTimeout(next, 20)
})
router.afterEach((to) => {
})
sync(store, router)
/* eslint-disable no-new */
// global
window.$globalHub = new Vue({
  store,
  router,
  render: h => h(App)
}).$mount('#app')