Vue.js项目中管理每个页面的头部标签的两种方法

routes: [
  { /* （首页）默认路由地址 */
    path: '/',
    name: 'Entrance',
    component: Entrance,
     : {
       : '首页入口'
    }
  },
  { /* 修改昵称 */
    path: '/modifyName/:nickName',
    name: 'modifyName',
    component: modifyName,
     : {
       : '修改昵称'
    }
  }
]

router.beforeEach((to,from, next) => {
  /* 路由发生变化修改页面  */
  if (to. . ) {
   document.  = to. . 
  }
  next();
});

export default {
 data() {
  return {
   my : '标题'
  }
 },
  Info: {
   : this. ,
   Template: '%s - by - vue- ',
  htmlAttris: {
   lang: 'zh'
  },
   : ''
 }
 ... ...
}