vue 2ブラウザ表示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値を変更することができる.