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.navigateo、wx.setStorageSync等等

uniapp写法:uni.request,uni.showModal、uni.showToast、uni.showLoading、uni.chooseImage、uni.switchTab、uni..navigateo、uni.setStorageSync等等

3、生命周期函数相同

onLoad,onShow,onPullDownRefresh、onReachBotton、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}}

你可能感兴趣的:(uni-app,javascript,前端)