app.js

const Home = Vue.component('home',{
    data : () => {
        return {
            a: "1",
            collections : {}
        }
    },
    template: `<div><h1>Home</h1><router-view></router-view></div>`,
    mounted: () => {
        var data = {};
        Vue.http.get('/collection').then(
            (res) => {
                data = res.body;
                console.log(res.body);
            }
        );
        this.collections = data;
    }
})

const Collection = Vue.component('collection',{
    template: `<div><h2>Collection</h2><router-view></router-view></div>`
})

const Item =  Vue.component('collection',{
    template: `<div><h3>Item</h3><router-view></router-view></div>`
})

const routes = [
    {
        path: '/',
        component: Home,
        children: [
            {
                path: ':cid',
                component: Collection,
                children: [
                    {
                        path: ':iid',
                        component: Item
                    }
                ]
            }]
    },
]


const router = new VueRouter({
  routes: routes
})


const app = new Vue({
  router
}).$mount('#app')