1. 程式人生 > 其它 >uniapp之微信小程式(一)

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物理畫素。
開發微信小程式時設計師可以用 iPhone6 作為視覺稿的標準,所以使用750px的設計稿,可以達到1rpx = 1px的效果

2. vh

100vh在微信小程式中不包括導航和tarbar
h5中:CSS 內使用 vh 單位的時候注意 100vh 包含導航欄,使用時需要減去導航欄和 tabBar 高度,部分瀏覽器還包含瀏覽器操作欄高度,使用時請注意