vue改浏览器title

可以通过Vue中的路由钩子函数来动态改变浏览器title。具体的实现步骤如下：

1. 在Vue项目中安装vue-router插件。

2. 在路由配置文件中设置每个路由的meta信息，用于存储浏览器title。

3. 在Vue实例中注册beforeEach钩子函数，监听路由的变化，在路由变化前动态修改浏览器title。

以下是示例代码：

// main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

// 注册全局的beforeEach钩子函数
router.beforeEach((to, from, next) => {
  // 判断路由是否设置了meta信息
  if (to.meta.title) {
    // 修改浏览器title
    document.title = to.meta.title
  }
  next()
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

// router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import About from './views/About.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
      meta: {
        title: '首页' // 设置浏览器title
      }
    },
    {
      path: '/about',
      name: 'about',
      component: About,
      meta: {
        title: '关于我们' // 设置浏览器title
      }
    }
  ]
})

以上代码实现了在路由变化前修改浏览器title的功能。当路由变化时，会根据路由设置的meta信息，动态修改浏览器title。