vue3-动态修改浏览器标签名称

通过路由导航守卫设置，使用Vue-Router的beforeEach拦截

/* 第二步：在路由守卫router.beforeEach中设置如下代码 */
router.beforeEach((to: any) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title;
  }
});

然后在路由层添加meta.title的值为标题。

然后访问改页面就会标签变为欢迎页