uni-app项目开发笔记

开发工具：使用HBuilderX开发；使用脚手架快速搭建；

pages.json 页面路由配置。标题，全局窗口样式；

manifest.json 配置应用名称，appid，logo，版本号等打包信息

uni.scss 内置的sass变量，可以直接使用；

尺寸rpx，（upx是uni app自带的尺寸适配；）

---

样式和class

小程序的单位==》 750rpx=屏幕的宽度

h5单位==》 100vw=屏幕的宽度 100vh=屏幕的高度

---

基本语法

在标签的属性上通过:data-index=‘数据’，{{数据}}来使用

v-if 不适合做频繁的切换显示，v-show适合做频繁的切换显示；

---

生命周期

uni-app生命周期结合了vue和微信小程序的生命周期

全局app使用onLaunch表示应用启动（app.vue）

页面用onLoad(页面加载完成)和onShow(页面显示)

组件用mounted组件挂载完成时

页面显示