vue中对路由进行整理，路由模块化，

在vue中，路由这一块相比大家都有自己的一套见解，今天跟大家分享一下我平时写路由的方法，
话不多说上代码

1. 第一步我们在main.js中引入路由，然后注册路由。

     import VueRouter from 'vue-router'
     
     Vue.use(VueRouter);
		//创建路由
		const router = new VueRouter({
		    mode: 'hash',
		    routes: Router
		});
2.我们在router文件夹下自己创建一个router.js专门存放路由的。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190701110109151.png)

export default[
    {
      path: '/',
      name: 'webheader',
      component: (index_main) => require(['@/components/Webheader'], index_main),
      meta: {
	      title: '首页'
	    }
    },
    {
      path: '/engineers',
      name: 'engineers',
      component: (index_main) => require(['@/pages/Engineer/Engineers'], index_main),
      meta: {
	      title: '工程师页'
	    }
    },
    {
      path: '/sech',
      name: 'Sech',
      component: (index_main) => require(['@/pages/Engineer/Sech'], index_main),
      meta: {
	      title: '搜索页'
	    }
    },
    {
      path: '/searchlist',
      name: 'Searchlist',
      component: (index_main) => require(['@/pages/Engineer/Searchlist'], index_main),
      meta: {
	      title: '搜索列表'
	    }
    },
    ]
    这样不管我们创建多少路由，只需要把自己写的路由放到这个里面来，就能正常运行，希望能给你带来帮助。

3. main.js中设置title，这样每个页面都会显示当前页面title

// 设置路由title 登录拦截
router.beforeEach((to,from,next) =>{

  /*路由变化修改title*/
  if(to.meta.title){
      document.title=to.meta.title
  }
   next()
  }

加油吧，