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) { console.log( e.currentTarget.dataset.src) },
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> 属性绑定 原生写法是 <image src='{{src}}' ></image> uniapp写法是 <input :src='src'></input> 更新视图方法 原生写法 this.setData({ data: 1 }) uniapp写法是 this.data = 1 列表循环 原生写法 <view class="flexcost mtb30" wx:for="{{list}}" wx:key='goodsOrderId' >{{item.name}}</view> //默认是item uniapp写法 <view v-for="(item, index) in list" :key="res.goodsOrderId">{{item.name}}</view>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。