生命周期

uni-app基于vue语法的全端开发；直接采用命令安装，搭建项目，在微信开发者工具启动（路径dist/dev/mp-weixin） pages： index.vue — 页面组件 static： logo.png — 静态资源图片一般都放在public中 main.js： Vue初始化入口文件 manifest.json：配置应用名称， appid , logo , 版本等打包信息。

每个vue文件的根节点必须为< template> , 且这个< template>下只能且必须有一个跟< view>组件，里面填写内容

样式：lang=’ scss’ rpx 小程序中的单位 750rpx = 屏幕的宽度 vw h5单位 100vw = 屏幕的宽度 100vh = 屏幕的高度

微信小程序中不支持 * 通配符一般为 page {}

组件：在src目录下新建文件夹components用来存放组件组件的引入 - 注册 - 使用

非H5端不支持*选择器 body的元素选择器请改为page,需要隔离组件样式可以在style标签增加scoped属性 vue页面在App端，默认是被系统 webview 渲染的

生命周期： uni-app 框架的生命周期结合了vue和微信小程序的生命周期；全局的APP中使用onLaunch表示应用启动时； — 写在APP.vue onLaunch为应用生命周期页面中使用onLoad 和 onShow 分别表示页面加载完毕时和页面显示时；组件中使用 mounted组件挂载完毕时；（点开此页面就渲染）

原生的微信小程序的api都是不支持promise uni-app对大部分的小程序的原生api做了封装，使之支持promise，返回数据的第一个参数是错误对象，第二个参数是返回数据。

一般常用的几个页面生命周期：

jsx


onLoad: 监听页面加载。
onUnload: 监听页面卸载。
onShow: 监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面。
onHide: 监听页面隐藏。
onReady: 监听页面初次渲染完成。
onResize: 监听窗口尺寸变化。
onPullDownRefresh: 监听用户下拉动作，一般用于下拉刷新。
onReachBottom: 页面滚动到底部的事件（不是scrool-view滚到底），常用于下拉下一页数据。使用时
可在pages.json里定义具体页面底部的触发举距离，比如50，那么滚动页面到距离底部50px时，就会触发
onReachBottom事件。
onShareAppMessage: 用户点击右上角分享。
onShareTimeline: 监听用户点击右上角转发到朋友圈。
onAddToFavorites: 监听用户点击右上角收藏。

**一般常用onLoad 和 onShow 且只能在页面中使用，在组件中不可使用。**

生命周期 ​

生命周期