uniapp和原生微信小程序的异同

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

uniapp是@click

传参⽅式不同原⽣写法是data-xxx

preview(e) {

console.log( e.currentTarget.dataset.src) },

uniapp写法

preview(src) { console.log(src) },

input的value值绑定并监听

原⽣写法是 jianting(e){ //实时监听

console.log(e.detail.value)}

uniapp写法是

属性绑定

原⽣写法是 uniapp写法是

更新视图⽅法

原⽣写法

this.setData({ data: 1 })

uniapp写法是 this.data = 1

列表循环

原⽣写法 {{item.name}} //默认是item uniapp写法 {{item.name}}