使用 Vue.js 和 vue-router 创建单页应用非常的简单，使用 Vue.js 开发，整个应用已经被拆分成了独立的组件。在使用 vue-router 时，我们需要做的就是把路由映射到各个组件，vue-router 会把各个组件渲染到正确的地方。下面是个简单的例子：
importVue from'vue'
importVueResource from'vue-resource'
importRouter from'vue-router'
importcomment from'./components/comment.vue'
importcourse from'./components/course.vue'
importtalkdetail from'./components/talkdetail.vue'
importtalkgroup from'./components/talkgroup.vue'
importapp from'./App.vue'
importmoment from'moment'
Vue.use(Router)
Vue.use(VueResource)
// routing
varrouter=newRouter({hashbang:true,history:false})
//var router = new Router({hashbang: false, history: true})
Vue.http.options.emulateHTTP=true
Vue.http.options.emulateJSON=true
router.map({
'/course/:id': {
component: course
},
'/comment': {
component: comment
},
'/talkdetail/:id': {
component: talkdetail
},
'/talkgroup/:id': {
component: talkgroup
}
})
