转自：https://zhuanlan.zhihu.com/p/61401502

前提知识

1 了解路由元

 

在路由配置文件里 配置meta标签 是一个对象 里面书写title(每个路由页面对应的标题)

2,全局钩子函数 router.beforeEach(to,form ,next)

router.beforeEach是 vue全局的的一个路由的钩子函数，也可以用来做登录拦截

有三个参数 to 表示将要前往那个路由，from表示来自那个路由, next表示执行函数，如果执行完了 那么结果就是true 否则就是false

3,当前页面的标题用 document.title设置

接下来就可以上代码了

router.beforeEach((to,from,next)=>{

if(to.meta.title){

document.title = to.meta.title

}

})