Was ist der Unterschied zwischen dem WeChat-Miniprogramm und Uniapp?

Unterschiede: 1. In Bezug auf Touch-Ereignisnamen ist das WeChat-Applet bindtap und uniapp ist „@click“; 2. In Bezug auf die if-Beurteilung verwendet das WeChat-Applet „wx:if="{{isShow}} "-Anweisung und Uniapp verwenden die "v-if="isShow""-Anweisung.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, uni-app2.5.1-Version, Dell G3-Computer.

Empfohlen: " Uni-App-Entwicklungs-Tutorial"

Der Unterschied zwischen WeChat-Applet und Uniapp

• Touch-Ereignisname:
  ①WeChat-Applet: bindtapbindtap
  ②uni-app：@click

• 函数传参方式：
  ①微信小程序：<view bindtap="click" data-id="id"></view>
  ②uni-app：<view @click="click(id)"></view>

• 函数接收参数：
  ①微信小程序：function(e){this.setData(currentId:e.currentTarget.dataset.id)}
  ②uni-app：function(id){this.currentId = id}

• for循环：
  ①微信小程序：<view wx:for="{<!-- -->{currentList}}" wx:for-index="s_index" wx:for-item="s_item"></view>
  ②uni-app：<view v-for="(s_item,s_index) in currentList"></view>

• if判断：
  ①微信小程序：<view wx:if="{<!-- -->{isShow}}"></view>
  ②uni-app：<view v-if="isShow"></view>

• src动态接收图片：
  ①微信小程序：<image src="{<!-- -->{item.img}}"></image>
  ②uni-app：<image :src="$util.img(item.img)"></image>

• 页面传参：
  ①微信小程序：<navigator url="/pages/live?id={<!-- -->{item.room_id}}"></navigator>
  ②uni-app：<navigator :url="&#39;/pages/live?id=&#39; + item.room_id"></navigator> ②uni-app: @click code>

Funktionsparameter-Übergabemethode: ①WeChat-Applet: <view bindtap="click" data-id="id"></view> ②uni-app: < view @click="click(id)">

🎜🎜🎜 Funktion empfängt Parameter: 🎜 ①WeChat-Applet: function(e){this.setData(currentId :e .currentTarget.dataset.id)🎜 ②uni-app: function(id){this.currentId = id}🎜🎜🎜🎜for-Schleife: 🎜 ①WeChat-Applet: <view wx:for="{<!-- -->{currentList}}" wx:for-index="s_index" wx:for-item="s_item"></view>🎜 ②uni-app: <view v-for="(s_item,s_index) in currentList"></view>🎜🎜🎜🎜if-Urteil: 🎜 ①WeChat-Applet: <view wx:if="{<!-- -->{isShow}}"></view>🎜 ②uni-app：<view v-if=" isShow" ></view>🎜🎜🎜🎜src empfängt Bilder dynamisch: 🎜 ①WeChat-Applet: <image src="{<!-- -->{item.img} }"> </image>🎜 ②uni-app：<image :src="$util.img(item.img)"></image>🎜 🎜🎜🎜Seite Parameter:🎜 ①WeChat-Applet: <navigator url="/pages/live?id={<!-- -->{item.room_id}}"></navigator&gt ;🎜 ②uni -app: <navigator :url="'/pages/live?id=' + item.room_id"></navigator>🎜🎜🎜🎜Mehr Für mehr Programmierkenntnisse Bitte besuchen Sie: 🎜Programmiervideos🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen dem WeChat-Miniprogramm und Uniapp?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!