차이점: 1. 터치 이벤트 이름의 경우 WeChat 애플릿은 bintap이고 uniapp은 "@click"입니다. 2. if 판단의 경우 WeChat 애플릿은 "wx:if="{{isShow}}를 사용합니다. " 문과 uniapp은 "v-if="isShow"" 문을 사용합니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, uni-app2.5.1 버전, Dell G3 컴퓨터.
권장: " uni-app 개발 튜토리얼"
WeChat 애플릿과 uniapp의 차이점
터치 이벤트 이름:
①WeChat 애플릿: bindtap
bindtap
②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="'/pages/live?id=' + item.room_id"></navigator>
②uni-app: @click code>
함수 매개변수 전달 방법: ①WeChat 애플릿: <view bintap="click" data-id="id"></view>
②uni-app: < view @click="click(id)">
function(e){this.setData(currentId) :e .currentTarget.dataset.id)}
🎜 ②uni-app: function(id){this.currentId = id}
🎜🎜🎜🎜for 루프: 🎜 ①WeChat 애플릿: <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 판단: 🎜 ①WeChat 애플릿: <view wx:if="{<!-- -->{isShow}}"></view>🎜 ②uni-app:<view v-if=" isShow" ></view>
🎜🎜🎜🎜src는 동적으로 사진을 받습니다: 🎜 ①WeChat 애플릿: <image src="{<!-- -->{item.img} }"> </image>
🎜 ②uni-app:<image :src="$util.img(item.img)"></image>
🎜 🎜🎜🎜페이지 매개변수:🎜 ①WeChat 애플릿: <navigator url="/pages/live?id={<!-- -->{item.room_id}}"></navigator> ;
🎜 ②uni -app: <navigator :url="'/pages/live?id=' + item.room_id"></navigator>
🎜🎜🎜🎜더 많은 프로그래밍 관련 지식을 원하시면, 방문해주세요: 🎜프로그래밍 비디오🎜! ! 🎜위 내용은 위챗 미니프로그램과 유니앱의 차이점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!