1.style标签中不需要手动加scoped,框架自动会隔离
2.组件只要规范命名就不需要手动引入,如@/components/tip/tip.vue,其他页面即可直接使用
3.路由配置在pages.json中,pages数组的第一项就是首页
4.全局对象叫uni,如请求数据,uni.request
5.新增响应式样式单位,rpx,在750宽的屏幕上1rpx:1px6. swiper有默认高度,需要手动调整它,否则图片会被盖住
6.如果希望页面高度铺满,H5端需要减去navbar高度(44px),如在tabbar页面,再减去tabbar高度 (50px),但APP不用,所以需要用#ifdef平台名称的方式进行条件编译,实现不同平台不同效果
height: calc(100vh - 44px -50px);
/* #endif */
/* #ifndef H5 */
height: 100vh;
/* #endif */
7.如果隐藏了uni的导航栏,APP端,内容会被系统状态栏盖住,需要留一个状态栏的占位高度,或者直接 封装成状态栏占位组件(即封一个空盒子的组件)用条件按编译的方式加载
8.条件编译注意是以注解的方式编译的,而且对注解的格式有要求,不是ctrl+/就行的,条件编译可以用在html和css内
9.页面跳转传参,在目标页面的onLoad中获取路由参数
10设置下拉刷新
onPullDownRefresh() {
setTimeout(() => {
uni.stopPullDownRefresh()
},500)
this.pageIndex = 1
this.getList()
}
11.通过ref调用子组件中的方法 show方法是子组件的方法 就是vue方法