uni-app 基本信息

文件结构

　--components　　　　存放公共组件（自行添加）

　　　　components.vue

　--pages　　　　　　  存放页面

　　　　--index

　　   　　index.vue

　--static　　　　　　 存放静态资源，如图片等

　--unpackage　　　　　项目打包后存放各平台打包文件的目录（打包后自动生成该目录）

　--utils   　　　　　 存放公共方法（自行添加）

　　　　util.js

　App.vue　　　　　　　应用配置，用来配置App全局样式以及监听 应用生命周期
　
　main.js　　　　　　　Vue初始入口文件
　
　manifest.json　　　 配置引用名称，应用图标等应用信息

　pages.json　　　　　配置页面路由、导航条、选项卡等页面信息

　uni.scss　　　　　　存放页面全局样式变量，里面预存放了一些变量

 

 

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注册全局组件。