main.js是uni-app的入口文件,主要作用是初始化vue实例、定义全局组件、使用需要的插件如vuex。
    首先引入了Vue库和App.vue,创建了一个vue实例,并且挂载vue实例。

    1. import Vue from 'vue'
    2. import App from './App'
    3. import pageHead from './components/page-head.vue' //全局引用page-head组件
    4. Vue.config.productionTip = false
    5. Vue.component('page-head', pageHead) //全局注册page-head组件,每个页面将可以直接使用该组件
    6. App.mpType = 'app'
    7. const app = new Vue({
    8. ...App
    9. })
    10. app.$mount() //挂载Vue实例

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

    • nvue 暂不支持在 main.js 注册全局组件

    Vue初始化入口文件

    1. import Vue from 'vue'
    2. import App from './App'
    3. Vue.config.productionTip = false
    4. App.mpType = 'app'
    5. const app = new Vue({
    6. ...App
    7. })
    8. app.$mount()

    全局变量可以在这里配置
    会用到全局的url,全局定义用户信息的内容