組件通訊

Omi框架組建間的通訊非常遍歷靈活，因?yàn)橛性S多可選方案進(jìn)行通訊：

  • 通過(guò)在組件上聲明 data-* 傳遞給子節(jié)點(diǎn)

  • 通過(guò)在組件上聲明 data 傳遞給子節(jié)點(diǎn) （支持復(fù)雜數(shù)據(jù)類型的映射）

  • 父容器設(shè)置 childrenData 自動(dòng)傳遞給子節(jié)點(diǎn)

  • 聲明 group-data 傳遞（支持復(fù)雜數(shù)據(jù)類型的映射）

  • 完全面向?qū)ο?，可以非常容易地拿到?duì)象的實(shí)例，之后可以設(shè)置實(shí)例屬性和調(diào)用實(shí)例的方法

所以通訊變得暢通無(wú)阻，下面一一來(lái)舉例說(shuō)明。

data-*通訊

class Hello extends Omi.Component {
    constructor(data) {
      super(data);
    }
    style () {
      return  `      h1{        cursor:pointer;      }      `;
    }
    handleClick(target, evt){
      alert(target.inn