vue2修改浏览器显示title

一、配置路由器的时候添加如下项 meta

routes: [    {      path: '/',      name: 'login',      component: Login,      meta: {        title: '登录'      }    },    {      path: '/home',      name: 'home',      component: Home,      meta: {        title: '首页'      }    }  ]

二、在main.js中写全局路由钩子

// 路由钩子router.beforeEach((to, from, next) => {  if (to.meta.title) {    document.title = to.meta.title  }  next()})

这样就可以在路由跳转的时候修改响应界面的title值了。