>웹 프론트엔드 >uni-app >위챗 미니프로그램과 유니앱의 차이점은 무엇인가요?

위챗 미니프로그램과 유니앱의 차이점은 무엇인가요?

青灯夜游
青灯夜游원래의
2020-12-09 11:50:0920693검색

차이점: 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 애플릿: 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>

함수 매개변수 전달 방법: ①WeChat 애플릿: <view bintap="click" data-id="id"></view> ②uni-app: < view @click="click(id)">

🎜🎜🎜 함수는 매개변수를 받습니다: 🎜 ①WeChat 애플릿: 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&gt ;🎜 ②uni -app: <navigator :url="'/pages/live?id=' + item.room_id"></navigator>🎜🎜🎜🎜더 많은 프로그래밍 관련 지식을 원하시면, 방문해주세요: 🎜프로그래밍 비디오🎜! ! 🎜

위 내용은 위챗 미니프로그램과 유니앱의 차이점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.