react先放一下,顶不住了,学完这个继续,熟悉下uni-app
样式和sass
rpx 小程序中的单位750rpx = 屏幕的宽度
vw h5单位 100vw = 屏幕宽度 100vh = 屏幕高度
uniapp中内置有sass的配置,只需要安装对应的依赖就行 npm i sass-loader node-sass 然后在style标签上假如属性 lang=‘scss’
这个uniapp和vue及小程序太相似了,不多总结了
总结踩坑:
base.css:在微信小程序中不支持*通配符
在全局中引入,也就是App.vue中的style
这里request与微信小程序不同,它封装了promise,uniapp它得到的是一个数组,还有注意大写onLoad,我在这发,我的天,我小写了居然不报错。。我查半天
分段器
分段器这主要是按文档写就行,但是注意uni ui引入都别按照文档引,像这样就行:import {uniSegmentedControl} from ‘@dcloudio/uni-ui’,而且因为引的是组件,别忘了注册下(component),点我进去哦
优化,因为没学过sass,简单理解下,感觉其实就是一层套一层,链式调用的思想
剩下的知识点
这里引入组件,执行顺序就是这样,组件中只能用mounted
这里就像微信小程序,吧需要的数据存放在全局中,也是通过getApp()这个去拿golabData,小程序是data
这是第二种方法,放在Vue.prototype上
这里通过给点击事件加$event,然后得到一系列值,就能找到前面那个自定义的,data-index的值了,下面也有截图
好啦!今晚已经10点了,明天我们继续加油,下午还要答辩,uni-app说实话,感觉文档不友好,哈哈,还有好多要学的,加油,越努力越幸运!