JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/0.10.5/vue.min.js"></script>
<div id="app">
    <header-template></header-template>
    <div v-repeat="u : user" v-component="item-template" v-with="u">
</div>

<script id="headerTemplate" type="text/template">
    <h3 v-on="click:hellow">My Todo</h3>
</script>

JavaScript

Vue.component("header-template", {
    template: "#headerTemplate",
    methods:{
        hellow:function(e){
            alert("hellow!");
        }
    }
})
Vue.component("item-template", {
    template: "{{u.user_id}}:{{u.name}}"
})

var app = new Vue({
    el:"#app",
    data:{
        user:[ {user_id:"1",name:"hage man"}, {user_id:"2",name:"hoge girl"}]
    }
})