uniapp和原生微信小程式的異同
阿新 • • 發佈：2021-10-09
1、頁面標籤 基本相同
view，text、scroll-view，input、picker、swiper等等
2、api基本相同,wx換成uni即可
原生寫法：wx.request、wx.showModal、wx.showToast、wx.showLoading、wx.chooseImage、wx.switchTab、wx.navigateTo、wx.setStorageSync等等
uniapp寫法：uni.request，uni.showModal、uni.showToast、uni.showLoading、uni.chooseImage、uni.switchTab、uni.navigateTo、uni.setStorageSync等等
3、生命週期函式相同
onLoad，onShow，onPullDownRefresh、onReachBottom、onShareAppMessage等等
點選事件寫法不同
原生小程式是bindtap
<image bindtap="preview"></image>
uniapp是@click
<image @click="preview"></image>
傳參方式不同
原生寫法是data-xxx
<image bindtap="preview" data-src = '{{item.src}}' ></image>
preview(e) {uniapp寫法
<image @click="preview(item.src)" ></image>
preview(src) { console.log(src) }, input的value值繫結並監聽 原生寫法是 <input value='{{sex}}' bindinput='jianting'></input> jianting(e){ //實時監聽 console.log(e.detail.value) } uniapp寫法是<input v-model='sex'></input>