vue router怎么设置每个页面标题

router.js

const router = new Router({
    mode: 'history',
    base: process.env.BASE_URL,

    routes: [{
        path: '/home',
        name: 'home',
        component: Home
    }, {
        path: '/yz',
        name: 'yz',
        meta: {
            title: "验证页"
        },
        component: () =>
            import('./views/yz.vue')
    }


    ]
})
router.beforeEach((to, from, next) => { //beforeEach是router的钩子函数，在进入路由前执行
    if (to.meta.title) { //判断是否有标题
        document.title = to.meta.title
    }
    next() //执行进入路由，如果不写就不会进入目标页
})

export default router

结束语：

希望这篇文章能帮助到大家。

喜欢的加个关注，点个收藏，给个赞~ 大家一起成长