微信小程序与支付宝小程序语法差异对比

易错点:

1. 微信bind 和 on 没有区别，完全等价 支付宝:不支持 bindxxx ❌，只能用 onxxx
2. 支付宝onTap 尽量使用驼峰
3. 支付宝页面跳转

my.navigateTo({
  url: '/pages/detail/detail?userId=123&from=list'
});

支付宝小程序向子组件传参

父组件模板 :

<my-component
  my-prop="Hello"
  some-obj="{{ obj }}"
  onMyEvent="handleMyEvent"
/>

• my-prop="Hello" 传字符串
• some-obj="{{ obj }}" 传对象（要用双花括号）
• onMyEvent="handleMyEvent" 监听子组件事件

子组件声明 props

{
  "component": true,
  "props": {
    "myProp": String,
    "someObj": Object
  }
}

子组件触发事件

this.props.onMyEvent && this.props.onMyEvent({ detail: { msg: '子组件来了！' } })

• 你必须通过 this.props.onXxx 调用，支付宝不支持微信那套 triggerEvent
• 不支持冒泡，事件只能点对点触发