uniApp和wx小程序的语法一些区别
2023-8-14 金莎网 APP
```java
点击事件
微信小程序：bindtap
uniapp：@click
函数传参事件
微信小程序:
uniapp:
函数接收参数
微信小程序: function(e){ this.setData({ currentId:e.currentTarget.dataset.id }) }
uniapp: function(id){ this.currentId = id }
for循环：
微信小程序：
uni-app：
微信小程序可以不写wx:for-index和wx:for-item，默认为index和ite
if判断：
微信小程序：
uni-app：
src动态接收图片：
微信小程序：
uni-app：
页面传参：
微信小程序：
uni-app：
两者接收参数都是在onLoad(options){}方法中获取，在此不多提及。
全局数据定义：
微信小程序：globalData:{baseUrl:"www.com"}
uni-app：this.prototype.baseUrl = "https://www.ccc"
全局数据调用：
微信小程序：getApp().globalData.baseUrl
uni-app：this.baseUrl
数组拼接：
微信小程序(ES5)：this.setData({ list:this.data.list.concat(res.list) })
uni-app(ES6)：this.list = [...this.list,...res.list];
阻止冒泡：
微信小程序：
我是按钮
uni-app：
我是按钮
api的差别(支付作栗子)：
微信小程序：wx.requestPayment({})
uni-app：uni.requestPayment({})
小程序的api在uni-app中只需要把wx替换成uni即可使用。
跨界面获取选择的参数
场景类似于填写表单时某个信息要跳转到其他页面选择数据后再返回，并在原填写表单页得到并展示刚才选择的数据，当然还有其他相关的问题能够运用该方法。
微信小程序：通过getCurrentPages()获取页面栈，然后调用上n个页面的setData()方法，把数据存到上n个页面中。
触摸事件名称：
①微信小程序：bindtap
②uni-app：@click
函数传参方式：
①微信小程序：
②uni-app：
函数接收参数：
①微信小程序：function(e){this.setData(currentId:e.currentTarget.dataset.id)}
②uni-app：function(id){this.currentId = id}
for 循环：
①微信小程序：
②uni-app：
if 判断：
①微信小程序：
②uni-app：
src 动态接收图片：
①微信小程序：
②uni-app：
页面传参：
①微信小程序：
②uni-app：
```
标签: 实例
