var csrfToken = $('#token').attr('value'); var Vue = require('vue'); var VueRouter = require('vue-router'); Vue.use(VueRouter); Vue.use(require('vue-resource')); Vue.http.headers.common['X-CSRF-TOKEN'] = csrfToken; Vue.config.debug = true; import Todo from './components/Todo.vue'; var TodoApp = new Vue({ el: '#app', components: { Todo } }); router.map({ '/': { component: Todo, subRoutes: { '/': { component: { template: '<p>Default sub view for Todo</p>' } }, '/add': { component: { template: '<p>Default sub view for Add</p>' //not sure how to make this refer to a sub-component of Todo, so just placeholder } }, '/completed': { component: { template: '<p>Default sub view for Completed</p>' } } } } }); // start app router.start(TodoApp, '#app');