uniapp介绍：'跨端开发'使用uniapp可以一套代码运行在多端（各种小程序、H5、各种手机操作系统的app），极大减少的开发成本，提高开发效率
1.项目创建
1.1 使用HBuilder创建项目
进入Hbuilder，选择最基础的模版样式，最终效果：
1.2 使用vue-cli方式（使用vue-cli方式创建基于vue2和vue3的项目一般会使用VS Code作为开发工具，但不主流）
2.跨端打开同一套代码
2.1 使用小程序打开（这里以微信小程序作为示例，其他大同小异）
找到mainfest.json文件--找到对应的小程序配置--填写获取的小程序id
找到安全设置，打开对应端口
再回到HBuilder 运行微信小程序
结果：
2.2 运行到浏览器里
2.3 使用不同手机系统模拟器app打开
2.3.1 使用安卓、鸿蒙真机开发
我这里使用鸿蒙系统，先手机打开开发者模式，成功后再开启‘USB调试’
2.3.2 使用各公司的云手机功能
3 插件安装
3.1HBuilder基础配置
3.2 preetier插件（用于格式化）安装和常见配置
4.uniapp=vue+微信小程序
4.1 全局文件
4.1.1 全局文件：uni.scss
使用一个全局变量来给页面背景增加个全局的颜色样式：
结果：（注意scss插件要先下载）
4.1.2 全局文件：App.vue（相当于微信小程序中的app.WXss+app.js）
这里只能写css和js，不能写template 在app.vue下的script标签写全局生命周期
app.vue中的全局js
app.vue中的css
4.1.3 全局文件：pages.js
其中的每页对应的style就相当于微信小程序里的每页的json（用于进行每页的局部修改）
如果是全局的，则可以在globalstyle（相当于微信小程序里的app.json）
结果：
4.1.3.1 pages.js配置tabBar
在web中显示：
在微信小程序中显示：
要注意：如果在uniapp中要给tabbar加上图标资源的话，最好将静态资源放到static文件夹下，否则容易出现打包到小程序的时候打包不完全，导致渲染失败！！！！
5. 在uniapp里分包来提升性能
先来回顾一下小程序中的分包和主包分别是什么
做分包需要在项目根目录下创建一个分包目录（随便取）
再在此建一个detail文件夹，在此基础上再写一个同名的vue文件
结果：（在index写一个navigator跳转分页的url，验证是否成功创建分页）
成功跳转detail页面：
6.组件
6.1 内置组件
6.2 扩展组件（在插件市场安装就好）
uni-ui；
使用文档：
uni-ui 介绍 | uni-app官网
在index页面测试一下这个
6.3 使用uview-plus
介绍 | uview-plus - 全面兼容nvue/鸿蒙/uni-app-x的uni-app生态框架 - uni-app UI框架
6.3.1 使用HBuilder X的方式创建
插件下载地址：零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙跨端移动组件库，组件丰富维护更新稳定。 - DCloud 插件市场
为了使用uniview 而在全局文件中添加的代码
安装两个依赖库
组件库的使用：
6.3.2 生命周期
uni-app的生命周期：
6.3.2.1选用生命周期可以牢记一个原则：
回顾一下生命周期；
注意：小程序的生命周期分为应用的、页面的、组件的生命周期
应用的生命周期是可以用在uni-App之中的
例如：
例如：应用生命周期：（app.vue）
index.vue是页面，所以也用小程序的生命周期
组件则用vue的生命周期：
6.3.2.2uni-app中的生命周期用法
vue2只能用选项式，而vue3可以使用选项式和组合式api 先了解一下什么是组合式api和选项式api以及它的用法
使用组合式API，注意：// 小程序生命周期组合式API必须要通过'@dcloudio、uni-app'中使用！！！！
6.3.2.3 uni-app中的API调用
6.3.2.3.2 api调用
6.3.2.3.2promise
可以理解为：凡是能使用.then（）的，可以支持promise
总结：uni-app所有api都可以使用.then()
注意：如果想用promise，就不要去传回调函数（如success，fail，complete）
回顾一下回调函数得意思：
