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组件挂载完成时

页面显示

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。