微信小程序前后端交互流程图（微信小程序之实现父子组件通信）

微信小程序前后端交互流程图（微信小程序之实现父子组件通信）**3.修改data里面的数据必须通过this.setData({})来进行修改****总结如下**：**1.父组件传递给子组件的参数通过properties来接受；****2.子组件传递给父组件的参数通过事件this.triggerEvent(“事件名”，{})；**

简单需求：封装一个导航组件，在页面引入，导航标题由父组件传递过去，子组件通过properties来接收，点击当前标题添加上类名，最后渲染到页面中。

效果图如下：

父组件：引入组件，在页面使用组件。

子组件：通过通过properties来接受父组件传递过来的值，绑定点击事件，通过传递event事件对象来获取索性和值（通过data-xx来进行传递），在控制台打印出event.currentTarget.dataset.xx来获取传递的值。

**总结如下**：

**1.父组件传递给子组件的参数通过properties来接受；**

**2.子组件传递给父组件的参数通过事件this.triggerEvent(“事件名”，{})；**

**3.修改data里面的数据必须通过this.setData({})来进行修改**