网页的title也就是页面上面的标题，在浏览器标题栏目中显示的那个title标签，我们如何使用vuerouter自定义呢？

首先在routes路由数组中写入mate

routes: [
{
path: '/login',
name: 'login',
component: Login,
meta: {
title: '我是登录'
}
},
]

然后，还需要使用一个导航守卫：afterEach

// 全局后置钩子
router.afterEach(to => {
// 设置title
document.title = to.meta.title;
})