对于微信小程序刚入门的小伙伴来讲微信小程序组件间的传参和vue组件传参还是有点区别的，今天给大家分享一下微信小程序组件传参的几种方式。

父组件传值给子组件

// 1,首先在page定义好父组件，然后在components文件中定义好子组件。

// 2,在父组件的.json文件中引入子组件
{
  "usingComponents": {
    "tabs":"../../components/tabs/tabs"   //引入子组件的路径
  }
}

// 3,在父组件中使用引入的子组件
<tabs prop="qwer"/>
// prop 属性是父组件传递给子组件的数据

// 4，在子组件的.js文件中定义数据的类型和默认值
  properties: {
    prop:{
      type:String,
      value:''
    }
  },

// 5，在子组件中使用
<view >
  这是父组件传递的数据{{prop}}
</view>

子组件传数据给父组件

// 1,子组件是通过this.triggerEvent()事件来传递数据给父组件的

// 2，在子组件中定义一个事件 
methods: {
  handletrans(){
    this.triggerEvent('buttonChange','子组件传过来的数据')
  }
}

// 3,在父组件中的子组件来自定义事件名
<tabs prop="qwer" bindbuttonChange="handleChildern" />
// bindbuttonChange 事件是通过子组件传递过来的

// 4,在父组件的.js文件中通过handleChildern()事件就可以接受子组件传递过来的数据了
handleChildern(e){
  console.log(e.detail)
}