Learn VueJs 2 Vue-router

使用 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

}

})