微信小程序 父子数据传递

1.父向子传递数据

1.步骤：

1. 父组件wxml发送
2. 子组件的wxml渲染
3. 子组件js接收

2.演示

父组件wxml发送：

子组件的wxml渲染:

子组件js接收:

3.传输过程：

2.子向父传递数据

1. 子组件的wxml(绑定提交函数)：

    <view bindtap="handleItemTap"></view>

2.子组件的js，触发父组件的自定义事件，同时传递数据给父组件

    handleItemTap(e){
        const {index} = e.currentTarget.dataset;
        this.triggerEvent("itemChange", {index}) // itemChange是父组件里的事件
    }

3. 父组件的wxml

// 父组件自定义事件handleItemChange
<Tabs tabs="{{tabs}}" binditemChange="handleItemChange"></Tabs>

4. 父组件的js