console
var Button = {
template: '#button-template',
events: {
nodata: function (event, data) {
console.log('nodata', event.type, data)
},
hasdata: function (event, data) {
console.log('hasdata', event.type, data)
}
}
}
new Yox({
el: '#app',
template: '#template',
components: {
Button: Button
}
})
<div id="app"></div>
<script id="button-template" type="text/plain">
<button on-click="bubble.ns">
Button
</button>
</script>
<script id="template" type="text/plain">
<div>
<button on-click="fire('nodata', true)">
no data
</button>
<button on-click="fire('hasdata', { name: 'yox' }, true)">
has data
</button>
<Button />
</div>
</script>
button + button {
margin-left: 10px;
}