3.8 main.js-常用配置【uni-app教程uniapp教程（黄菊华-跨平台开发系列教程）】

3.8 main.js

main.js是我们的入口文件，主要作用是初始化vue实例并使用需要的插件。
首先引入了Vue库和App.vue，创建了一个vue实例，并且挂载vue实例。

import Vue from 'vue'
import App from './App'
import pageHead from './components/page-head.vue' //引用page-head组件

Vue.config.productionTip = false
Vue.component('page-head', pageHead) //全局注册page-head组件
App.mpType = 'app'

const app = new Vue({
    ...App
})

app.$mount() //挂载Vue实例
使用Vue.use引用插件，使用Vue.prototype添加全局变量，使用Vue.component注册全局组件。
可以引用vuex，因涉及多个文件，此处没有提供示例，详见hello uni-app示例工程。
无法使用vue-router，路由须在pages.json中进行配置。如果开发者坚持使用vue-router，可以在插件市场找到转换插件。

注意
nvue 暂不支持在 main.js 注册全

【uniapp参考资料】

（1）uni-app跨平台开发 入门到实战
https://ke.qq.com/course/package/26512

（2）uni-app 完整商城界面设计实战
https://ke.qq.com/course/2381059

（3）基于vue的uniapp商城完整项目源代码
https://ke.qq.com/course/3064977

（4）小白教程资料 http://www.2d5.net

（5）毕业设计网http://www.pc-365.net
（6）小程序编程网www.4317.org

（7）计算机编程网http://www.05423.com/