使用vue-router为每个路由配置各自的title

const vueRouter = new Router({
  routes,
  mode: 'history',
   ActiveClass: 'active- ',
   ExactActiveClass: 'exact-active- ',
  scrollBehavior (to, from, savedPosition) {
   if (savedPosition) {
    return savedPosition;
   } else {
    return { x: 0, y: 0 };
   }
  },
 });

const vueRouter = new Router({
  routes,
  mode: 'history',
   ActiveClass: 'active- ',
   ExactActiveClass: 'exact-active- ',
  scrollBehavior (to, from, savedPosition) {
   if (savedPosition) {
    return savedPosition;
   } else {
    return { x: 0, y: 0 };
   }
  },
 });
 vueRouter.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面  */
  if (to. . ) {
   document.  = to. . ;
  }
  next();
 });

{
 path: '/',
 name: 'Home',
 component: () => import('@/views/Home/Home'),
  : {
   : '首页',
 },
}