JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.ractivejs.org/edge/ractive.js"></script>
<div id="sup"></div>

<script id='foo' type="text/x-ractive">
    <button on-click="myevent:'acvbcvbcv'">working button</button>   
    <button on-click="myevent:{{foo}},'{{foo}}{{bar}}'">not working button</button>   
</script>

JavaScript

var r = new Ractive({
    el: 'sup',
    template: '#foo',
    data: {
        foo: "success",
        bar: "double success"
    }
}).on({myevent: function(e, p1, p2) { console.log('p1', p1, 'p2', p2) }});