uniapp之⼩程序(⼀)
⼀. template
1. 使⽤Vue.prototype,如Vue.prototype.$store
如果$store.state.name是个string类型等⾮函数类型,不能在template中,⽐如{{$store.state.name}}直接使⽤或者在v-if中等使⽤。
如果$store.state.name是个函数类型,可以
解决:推荐把$store.state.name放在computed中使⽤
⼆. script
1. props
传递函数类型的prop,
但动态改变这个传递的参数时,⼦组件⽆法响应
解决:使⽤$store
2. ⽣命周期
vue组件⽣命周期和页⾯周期⼀起的顺序
(1)加载时:拍一拍后缀
beforeCreate
created 组件创建
beforeMount
onLoad 可以获取从另⼀个页⾯的数据贺卡祝老师
show 页⾯刚出现
mounted 获取数据
ready 页⾯初次渲染
(2)页⾯改变时:
beforeUpdate,
updated
(3)页⾯卸载的时候
onUnload,
beforeDestroyed,
destroyed
全国十大丑陋雕塑⽆onInit
三. style
1. rpx
即响应式px,⼀种根据屏幕宽度⾃适应的动态单位。
规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
HD怎么关闭掉开发⼩程序时设计师可以⽤ iPhone6 作为视觉稿的标准,所以使⽤750px的设计稿,可以达到1rpx = 1px的效果
自行车品牌排行2. vh
100vh在⼩程序中不包括导航和tarbarqq怎么解除限制
h5中:CSS 內使⽤ vh 单位的时候注意 100vh 包含导航栏,使⽤时需要减去导航栏和 tabBar ⾼度,部分浏览器还包含浏览器操作栏⾼度,使⽤时请注意
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论