Vue中各配置文件介绍（jsconfig.json，vue.config.js等）

一；main.js 入口文件

入口文件用来注册Vue实例，路由，Vuex，全局事件总线和注册全局自定义组件

参考代码如下：

import Vue from 'vue'
import App from './App.vue'
// 引入路由
import router from '@/router'
// 引入全局组件--三级联动组件
import TypeNav from '@/components/TypeNav'
import Carousel from '@/components/Carousel'
// 引入Vuex
import store from './store'

// 引入mockServe.js--mock数据
import '@/mock/mockServe'

// 引入swiper样式
import 'swiper/css/swiper.css'

Vue.config.productionTip = false

// 引入全局组件
// 第一个参数 全局组件的名字(字符串类型)，第二个参数：哪一个组件（引入的组件名）
Vue.component('TypeNav',TypeNav)
Vue.component('Carousel',Carousel)



new Vue({
  render: h => h(App),
  // 注册路由--此时组件身上拥有$router和$route属性
  router,
  // 注册仓库-- 此时组件身上拥有$store属性
  store,
  // 全局事件总线配置
  beforeCreate() {
    Vue.prototype.$bus = this;
  },
}).$mou