組件通訊

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

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

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

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

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

  • 完全面向?qū)ο螅梢苑浅Ｈ菀椎啬玫綄ο蟮膶?shí)例，之后可以設(shè)置實(shí)例屬性和調(diào)用實(shí)例的方法

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

data-*通訊

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

        		
網(wǎng)友評論