uniapp之微信小程式(一)
阿新 • • 發佈:2022-03-01
一. 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物理畫素。
開發微信小程式時設計師可以用 iPhone6 作為視覺稿的標準,所以使用750px的設計稿,可以達到1rpx = 1px的效果
2. vh
100vh在微信小程式中不包括導航和tarbar
h5中:CSS 內使用 vh 單位的時候注意 100vh 包含導航欄,使用時需要減去導航欄和 tabBar 高度,部分瀏覽器還包含瀏覽器操作欄高度,使用時請注意