支付宝原生小程序封装组件

1.右键选择新建组件

2.引入组件

在使用页面的json文件中引入，我这里创建的是top组件

{"usingComponents": {"top": "../../component/top/top"}}

3.父传子

父组件html

<top num="{{num}}"></top>

子组件js

props:{num:{type:Number,value:0}}

4.子传父

父组件html

<top onShowage="onShowage"></top>

父组件js

onShowage(data){console.log('子组件传过来的数据',data);}

子组件html

使用按钮绑定事件

<button onTap="changeData">改变data</button>

子组件js

methods:{changeData(){let str = '子组件的数据'this.props.onShowage(str);}}