组件通讯

Omi框架组建间的通讯非常遍历灵活,因为有许多可选方案进行通讯:

  • 通过在组件上声明 data-* 传递给子节点

  • 通过在组件上声明 data 传递给子节点 (支持复杂数据类型的映射)

  • 父容器设置 childrenData 自动传递给子节点

  • 声明 group-data 传递(支持复杂数据类型的映射)

  • 完全面向对象,可以非常容易地拿到对象的实例,之后可以设置实例属性和调用实例的方法

所以通讯变得畅通无阻,下面一一来举例说明。

data-*通讯

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

网友评论