cube.js

<script src='../dist/bundle.js'></script>

{
    d : 1,
    abc : [
        {
            ccc : 1,
        },
        {
            ccc : 2
        }
    ]
}

<div c-tpl='test'>

</div>

<script>
    var data = {
        d : 1,
        abc : [
            {
                ccc : 1,
            },
            {
                ccc : 2
            }
        ]
    };
    //当不执行下面这句的时候，仍然可以进行渲染
    Cube.set("test",data);
</script>

<div c-tpl='test'>
    <input type='text' :value='d'> 
    <ul>
     ~ each i,v in abc ~
            ~ each item in v ~
                ~ if Math.random() > 0.5
                    <li>~ item ~ 0.5+</li>
                ~ else if Math.random() > 0.5 ~
                    <li>else if item</LI>
                ~ else ~
                     <li>0.5-</li>
                ~ end ~
            ~ end ~
        ~ end ~
    </ul>
    ~ d ~
</div>

    <a href='javascript:;' :click="d++">click me</a>

<script>
    data.abc[0].ccc = 2;
    setTimeout(function(){
        data.d = 'oh yes'
    },3000);
</script>