vue中使用路由改浏览器标题和图标

//首页路由， 及其汇总
export default {
    path:"/home",    //路由的路径，会显示在地址栏
    name:"home",     //路由的名称，后期项目做起来直接拿名称比较方便
    meta:{           //路由元信息
        title:'首页',    //拿取当前路由的title
        //这里边还可设置其他的状态，比如登录的标志，路由是否缓存的标志
    },
    component: () => import ("@/views/Home"),    //路由映射的页面
}

import Vue from 'vue'
import VueRouter from 'vue-router'
import home from "./home.js";
import show from "./show.js";
Vue.use(VueRouter)
const routes = [
  {path:"/", redirect:"home"},       //启动项目重定向到home页面
  home, show,            //分路由进入后在这里注册一下
]
const router = new VueRouter({
  mode: 'history',         //分为hash和history模式，默认是history，history带#号，hash模式需要后台进行配置
  routes
})
export default router

<template>
  <div id="app">
    <router-link v-for="i in nav" :key="i.title" :to='i.path'>{{i.title}}</router-link>
    <router-view />
  </div>
</template>
<script>
export default {
  data(){
    return {
      nav:[
        {title:'首页', path:'/home'},
        {title:'展示页', path:'/show'},
      ]
    }
  }
}
</script>

router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

import Vue from 'vue'
import VueRouter from 'vue-router'
import home from "./home.js";
import show from "./show.js";
Vue.use(VueRouter)
const routes = [
 {path:"/", redirect:"home"},       //启动项目重定向到home页面
 home, show,            //分路由进入后在这里注册一下
]
const router = new VueRouter({
  mode: 'history',         //分为hash和history模式，默认是history，history带#号，hash模式需要后台进行配置
  routes,
})
router.afterEach((to, from) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
})
export default router

redirect: to => {
   if('id标识'){
        return "路由路径"
    }else if('id标识'){
        return "路由路径"
    }
}