微信小程序第二篇：七种主流通信方法详解

通信方法

组件通信

properties

父组件向子组件通信，与 Vue 的 props 作用相同。

父组件向子组件传数据：

<my-component list="{
    
    {list}}"></my-component>

子组件接收数据：

Component({
   
   
  properties:{
   
   
    list:{
   
   
      type: Array,
      value: []
    }
  },
  attached(){
   
   
    console.log(this.list)
  }
})

triggerEvent

子组件向父组件通信，与 Vue 的 $emit 作用相同

子组件触发自定义事件：

Component({
   
   
  attached(){
   
   
    this.triggerEvent('customEvent',{
   
    id: 10 })
  }
})

父组件接收自定义事件：

<my-component list="{
    
    {list}}" bind:customEvent="customEvent"></my-component>

Page({
   
   
  customEvent(e)</