uni-app项目开发笔记

2020-05-30  本文已影响0人  前端_娟

开发工具:使用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组件挂载完成时

页面显示

上一篇 下一篇

猜你喜欢

热点阅读