JSFiddle - React, Tailwind, and code Playground

by koba04

HTML

<!-- v0.10.4 -->
<script src="http://vuejs.org/js/vue.min.js"></script>

<!-- v0.10.3 -->
<!--<script src="//cdnjs.cloudflare.com/ajax/libs/vue/0.10.3/vue.js"></script>-->

<div id="main"></div>

<script type="x-template" id="list-tmpl">

<ul v-repeat="list">
    <li>{{$value}}<button v-on="click: $value += 1">incr</button></li>
</ul>
<ul v-repeat="list">
    <li>{{$value}}</li>
</ul> 

</script>

JavaScript

vm = new Vue({
    el: "#main",
    template: "#list-tmpl",
    data: {
        list: [1,2,3]
    }
});