vue+node+mongondb实战之路由

看了一段时间vue的文档，一直没有机会来开发一个真正的vue项目，趁着这几天清闲，整合一下最新的技术，变学变练来开发一个vue的简单博客

有了开发博客的想法之后，谁知道第一步就被拦住了，看了vue的基础文档以及vue-router的基础文档，但连页面跳转感觉都有心无力，最后参考

了很多大神的案例，总算解决了路由这一块，其实没入门之前觉得很深奥，但其实也就那么回事，不多说，上代码:

　　　　import Vue from 'vue'
　　　　import Router from 'vue-router'
//引入父组件
　　　　import AdminInfo from '@/components/adminInfo'
　　　　import Home from '@/components/home'
//引入子组件

　　　　import login from '@/pages/login'
　　　　import signin from '@/pages/signin'
　　　　import Admin from '@/pages/admin'
　　　　import view from '@/components/view'
　　　　import Issue from '@/pages/issue'
　　　　import blogList from '@/pages/bloglist'
　　　　Vue.use(Router)
　　　　let router=new Router();

　　　　export default new Router({
　　　　　　mode:'history',
　　　　　　routes: [
　　　　{
　　　　　　path:'/',
　　　　　　component:Home,
　　　　　children:[
　　　　　　{
　　　　　　　　path:'/',
　　　　　　　　component:view
　　　　},
　　　　{
　　　　　　path:'/admin',
　　　　　　component:Admin,
　　　　　　children:[
　　　　{
　　　　　　path:'/issue',
　　　　　　component:Issue
　　　　},
　　　　{
　　　　　　path:'/blogList',
　　　　　　component:blogList
　　　　}
　　]
　　}
　　]
　　},
　　{
　　　　path: '/AdminInfo',
　　　　component: AdminInfo,
　　　　children:[
　　　　　　{path:'/login',component:login},
　　　　　　{path:'/signin',component:signin},
　　　　]
　　}
　　]
})

可以看到，使用了vue-cli生成的树，在router下的index文件里，配置需要跳转的路由，引入需要跳转的文件，如果有子文件就配置children，就是这么简单