Observables机制允许RIOT将事件从一个标签发送到另一个标签。遵循以下API对于理解RIOT可观察性很重要。

• riot.observable（element） -添加对给定对象元素的Observer支持，或者如果参数为空，则创建并返回一个新的observable实例。此后，该对象便能够触发并监听事件。

var EventBus = function(){
   riot.observable(this);
}

• element.trigger（events） -执行所有侦听给定事件的回调函数。

sendMessage() {
   riot.eventBus.trigger('message', 'Custom 10 Button Clicked!');    
}

• element.on（events，callback） -监听给定的事件，并在每次触发事件时执行回调。

riot.eventBus.on('message', function(input) {      
   console.log(input);
});

例

以下是完整的示例。

custom10Tag.tag

   Custom 10
       

custom11Tag.tag

custom9.htm

这将产生以下结果-