Vue3 路由类型-文档title

实现： document.title=‘’ 切换页面切换标题

1. router/router.ts：给路由添加meta元信息

 {
    path: '/login',
    component: () => import('@/views/login/index.vue'),

    + meta: {
    +  title: '登录'
    + }

  },

2. router/index.ts 前置守卫获取元信息设置网页title

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

  +  document.title = `问诊-${to.meta.title}`

})

实现：扩展元信息类型 types/vue-router.d.ts

1. types/vue-router.d.ts

import 'vue-router'

declare module 'vue-router' {
  // 扩展 元信息类型
  interface RouteMeta {
    // 标题
    title?: string
  }
}