main.js 文件

main.js 是 uni-app 的入口文件,主要作用是初始化 vue 实例、定义全局组件、使用需要的插件如 vuex。

						
//引入 Vue 库
import Vue from 'vue'

//引入(同目录下的)App.vue
import App from './App'

//全局引入 page-head 组件
import pageHead from './components/page-head/page-head.vue'

Vue.config.productionTip = false

//全局注册 page-head 组件,每个页面都可以直接使用该组件
Vue.component('page-head', pageHead)

App.mpType = 'app'

//创建一个  Vue 实例
const app = new Vue({
    ...App
})

//挂载 Vue 实例
app.$mount()

						
					

说明:

  • 使用 Vue.use 引入插件。
  • 使用 Vue.prototype 添加全局变量。
  • 使用 Vue.component 注册全局组件。
  • 无法使用 vue-router,路由须在 pages.json 中进行配置。如果开发者坚持使用 vue-router,可以在插件市场找到转换插件。