在浏览器控制台查看Ractive事件

Question

我一直在阅读上的事件管理RactiveJS文档在https://ractive.js.org/get-started/tutorials/events/，并有大约事件的渲染一个问题：

相反，导通指令将一个共享的回调直接绑定在呈现时使用addEventListener将元素添加到元素。

是否有可能看到呈现的事件会是什么样子？我知道它不会出现在控制台中，但很高兴看到是否有方法查看渲染事件将如何显示的示例。

Answer 1

这篇教程的意思是说，on-*指令不会渲染内联JS或在DOM上渲染。这是一个简单的指示Ractive做什么的指令。即使模板看起来是这样的：

<button on-click="@global.alert('Activating!')">Activate!</button> 

在DOM中结束的是带有事件处理程序的按钮。

<button>Activate!</button> 

引擎盖下的on-*从分析模板处理，并转换成大致类似于下面的内容：

buttonReference.addEventListener('click', function(){ 
    theGlobalDependingOnTheEnv.alert('Activating!'); 
});