組件通訊

Omi框架組建間的通訊非常遍歷靈活，因為有許多可選方案進行通訊：

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

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

  • 父容器設(shè)置 childrenData 自動傳遞給子節(jié)點

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

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

所以通訊變得暢通無阻，下面一一來舉例說明。

data-*通訊

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