main.js
是uni-app的入口文件,
主要作用是初始化vue
实例、定义全局组件、使用需要的插件如vuex。
首先引入了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 注册全局组件