組件生命周期函數(shù)鏈接地址：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/lifetimes.html

微信小程序中使用方法傳遞參數(shù)

錯(cuò)誤寫法：

<view bindtap='btn_button(index)> 父級(jí) </view>

正確寫法

<view bindtap='btn_button' data-str="參數(shù)"> 父級(jí) </view> //傳遞的參數(shù)必須以data-xxx開頭

1、暴露組件，在組件xxx.json里

{"component": true,"usingComponents": {} }

2、在父級(jí)注冊(cè)組件，在xxx.json里

{"usingComponents": {"sron":"/components/sron/sron"} }

3、父組件向子組件傳遞參數(shù)

<sron mes="{{transmit}}"></sron> //transmit是來自data里面的數(shù)據(jù)

4、子組件接收參數(shù)

Component({/*** 組件的屬性列表*/properties: {mes:{type:String,value:''}},/*** 在組件實(shí)例進(jìn)入頁面節(jié)點(diǎn)樹時(shí)執(zhí)行*/attached(){console.log(this.properties.mes)} })

注意：此處兩個(gè)參數(shù)要相同

1）在小程序中改變data中的狀態(tài)使用?this.setData

data:{curAdProp:{},},methods: {dataInit(){this.setData({'curAdProp': "我要改變data里面curAdProp的數(shù)據(jù)"});} }

5、子組件向父組件傳值（通過 triggerEvent 方法）

<text bindtap='btn_sron'>我是子組件</text> //是組件---->方法需要寫到methods函數(shù)里面
methods:{btn_sron(){this.triggerEvent("btn_box","我是傳遞給父級(jí)的數(shù)據(jù)")//btn_box是將要在父級(jí)觸發(fā)的事件}}

--------------------------父級(jí)中-----------------------------

?

<sron bind:btn_box='btn_sron'></sron> //btn_sron是btn_box事件要觸發(fā)的方法

?

//非組件----》方法不用寫在methods函數(shù)里面
btn_sron(e){console.log("來自子組件的數(shù)據(jù)",e.detail)//e.detail是來自子組件的數(shù)據(jù)}

?

轉(zhuǎn)載于:https://www.cnblogs.com/tlfe/p/11126861.html

總結(jié)

以上是生活随笔為你收集整理的微信小程序组件通信入门及组件生命周期函数的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。