微信小程序中實現父子傳值

小程序擱置了一段時間着實忘記了挺多。今天覆習的是父子傳值。歡迎隨時補充！！！

父組件給子組件傳值

• 第一步：定義父組件 在父組件json 中引入子組件

{
  "usingComponents": {
    "sonCom":"../components/add.js"
  }
}

• 第二步：在子組件中給自己定義成一個子組件

{
  "usingComponents": {
    "sonCom":"../components/add.js"
  }
}

• 第三步：在父組件中，子組件的引用處，綁定一個屬性( text )，並傳遞想要給子組件的值( sonData )

<son text=“{{sonData}}”></son>

第四步：在父組件的js文件中data來定義

   */
  data: {
    sonData: [{
        title: "熱點",
        content: "羅志祥周揚青分手"
      },
      {
        title: "新聞",
        content: "全球確診病例達到兩百萬"
      }
    ]

  },

第五步：子組件中來接受一個數據類型

  // 我們在子組件的這個properties裏面寫上我們在子組件標籤定義的那個屬性名來接收 一個數據加一個類型默認是value這樣的話就完成了父傳子
  properties: {
    data: {
      value: "",
      type: String
    }
  },

子傳父

• 第一步： 子組件在需要傳值時，使用trriggerEvent傳給父組件一個事件( myevent ），並傳遞想要給父組件的值( sonParam)

    this.triggerEvent('myevent',{sonParam:false})

• 第二步：在父組件中，子組件的引用處，通過這個myevent事件綁定一個方法( onMyEvent )

<son bind:myevent="onMyEvent"></son>

• 第三步： 在父組件的js中，定義這個方法onMyEvent，在這個方法內就可以獲取到子組件傳遞過來的值了

  onMyEvent:function(e){
      let a =e.details.sonPmaram
    }