微信小程序转uniapp,百度小程序注意事项

自从微信小程序推出之后,百度和支付宝也推出了自己的小程序。对于需要开发不同小程序的开发者来说,了解各种小程序的差异必不可少了。

一、微信小程序转uni-app注意事项

wx:for 改为 v-for (记得标记 :key )
wx:key="{{xxx}}" 改为 :key="xxx"
class="tab-item {{xx1==index?'aa1':''}}" 改为 :class="tab-item [xx1==index?'aa1':'']"
src="{{xxx}}" 改为 :src= "xxx"
src="{{xxx1}}/{{xxx2}}" 改为 :src= "xxx1+xxx2"
src="{{xxx1}}/xxx2.png" 改为 :src="xxx1 +'xxx2.png'"
scroll-left="{{xxx}}" 改为 :scroll-left="xxx"
id="{{index}}" 改为 :id="index"
bindtap 改为 @click
bind:submit 改为 @submit
style="{{xxx:aaa}}" 改为 :style="{xxx:aaa}" 注意xxx是驼峰式命名法
lazy-load="{{true}}" 改为 lazy-load="true"
this.data.xxx 改为 this.xxx
that.setData({ xxx: vvv }) 改为 this.xxx = vvv

二、微信小程序转百度小程序注意事项

.wxml/.wxss 改为 .swan/.css
wx: 改为 s-
wx. 改为 swan.
<template ... data="{{exportData: myData}}"> 改为 <template ... data="{{{exportData: myData}}}">
open_id + union_id 改为 open_id + swan_id

:支付部分差距大,支付接口 SDK 需进行简化集成,其它接口百度不提供 SDK,需自行封装。

参考文章:

https://github.com/wi1dcard/baidu-mini-program-sdk/blob/master/WECHAT-TO-BAIDU.md

转载请注明出处:https://www.onexin.net/weixin-uniapp-baidu/

随机文章:

1、PHP初学者头疼问题总结
https://www.onexin.net/php-for-beginners-headaches-summary/

2、PHP trait 实现一种代码复用的方法
https://www.onexin.net/php-trait/

3、多吃维生素好吗?经常熬夜吃什么比较好?
https://www.onexin.net/%e5%a4%9a%e5%90%83%e7%bb%b4%e7%94%9f%e7%b4%a0%e5%a5%bd%e5%90%97%ef%bc%9f%e7%bb%8f%e5%b8%b8%e7%86%ac%e5%a4%9c%e5%90%83%e4%bb%80%e4%b9%88%e6%af%94%e8%be%83%e5%a5%bd%ef%bc%9f/

4、PHP字符串处理的十个技巧
https://www.onexin.net/php-string-handling-of-the-10-methods/

5、为什么选择Magento开源网店系统?
https://www.onexin.net/why-magento-open-source-online-store-system/

Leave a Reply