注意uniapp同样支持js的if、for 等语法，支持字符串、数组、时间等变量及各种处理方法,只是不支持浏览器专用对象

main.js

作用：main.js是uni-app的入口文件，主要作用是初始化vue实例、定义全局组件、使用需要的插件如vuex
1.Vue.config.productionTip = false可以阻止 vue 在启动时生成生产提示，从而减小应用的体积，并避免警告检查的运行开销

App.vue

作用：App.vue是uni-app的主组件，可以调用应用生命周期函数、配置全局样式、配置全局的存储globalData
注意：应用生命周期仅可在App.vue中监听，在页面监听无效

uni.scss

作用：在代码中无需 import 该文件即可在scss代码中使用这里的样式变量来控制应用的风格

page.json

作用：对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等

manifest.json

作用：manifest.json是应用的配置文件，用于指定应用的名称、图标、权限等，同时也可以在这里为 Vue 为H5 设置跨域拦截处理器

条件编译

作用：用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台

//#ifdef + 平台代码，以//#endif结尾
// #ifdef MP-ALIPAY
	代码段...
// #endif

常用标签

注意：uniapp不推荐使用html标签

div转换<view></view>
span转换<text></text>
a 转换<navigator></navigator>

组件与通信

1.在component目录下存放组件
注意：uni-app 只支持 vue 单文件组件（.vue 组件）
全局注册与引入

导入 import xxx from 'xxx'
注册 components:{ xxx }
使用 <xx />

2.父子通信

父传子-->props
子传父-->this.$emit('自定义事件',payload)

3.slot插槽

匿名插槽默认名为default
父组件中的<Child>内容</Child>覆盖到子组件中的<slot></slot>上

具名插槽为处理多个插槽slot
子组件中的<slot name="xxx">默认内容</slot>
父组件通过v-slot : name 的方式添加内容
<Child>
<template v-slot:xxx>插到名为xxx的插槽的内容</template>
</Child>

作用域插槽,使用子组件的数据
子组件中<slot name= 'xxx' :value='yyy'>默认值</slot>
父组件中通过v-slot语法将子组件插槽xxx的值赋值给slotValue
        <template v-slot:xxx ='slotValue'>
           {{ slotValue.value1 }}
        </template>

全局事件

任何地方都可以使用uni.$on 来创建全局事件

任何地方都可以使用uni.$emit 来触发全局事件

应用生命周期

页面生命周期