這篇“微信小程序中如何實現(xiàn)組件通訊”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“微信小程序中如何實現(xiàn)組件通訊”文章吧。

成都創(chuàng)新互聯(lián)公司不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司；我們對營銷、技術(shù)、服務(wù)都有自己獨特見解，公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務(wù)！我們經(jīng)歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關(guān)注我們的網(wǎng)站設(shè)計、成都網(wǎng)站制作質(zhì)量和服務(wù)品質(zhì)，在得到用戶滿意的同時，也能得到同行業(yè)的專業(yè)認(rèn)可，能夠為行業(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新，服務(wù)升級，滿足企業(yè)一站式成都全網(wǎng)營銷需求，讓再小的成都品牌網(wǎng)站建設(shè)也能產(chǎn)生價值！

（1）父組件向子組件傳值：

通過title='{{title}}'傳向子組件向子組件傳遞參數(shù)

子組件接收參數(shù)：

Component({
 properties: {
  title: {    // 屬性名 type: Number, // 類型（必填）
   type: String,//目前接受的類型包括：String, Number, Boolean, Object, Array, null（表示任意類型）
  },
  fn: {   
   type: Function,
  },
 },
 data: {
    
 },
 methods: {
  // 子組件調(diào)用父組件方法
  childFn() {
   console.log(this.data.title)
   this.triggerEvent("fn");
   //triggerEvent函數(shù)接受三個值：事件名稱、數(shù)據(jù)、選項值 
  }
 }
})

methods使用title時 this.data.title 直接就可以獲取到

通過 bind:fn='fn'傳向子組件向子組件傳遞方法

方法同樣也要在properties接收,methods里定義一個新方法, this.triggerEvent("fn") 接收父組件傳遞過來的方法

（2）父組件調(diào)用子組件數(shù)據(jù)及方法：

首先在父組件js onReady 生命周期中獲取到組件

onReady: function () {
  //獲得popup組件
  this.header= this.selectComponent("#header");
},

比如要調(diào)用子組件的一個function方法

// 調(diào)用子組件方法
 fn(){
  this.header.fn() //子組件的方法
 },

以上就是關(guān)于“微信小程序中如何實現(xiàn)組件通訊”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文標(biāo)題：微信小程序中如何實現(xiàn)組件通訊-創(chuàng)新互聯(lián)
分享地址：http://weahome.cn/article/ihoic.html