在vue单页中修改title

首先在router.js 中 加入meta配置

{
      path: '/componentA',
      name: 'componentA',
      component: r => require.ensure([], () => r(require('@/views/componentA.vue'))),
      meta: {
        title: 'componentA' // 期望的title
      }
    },

然后在main.js 中加入路由钩子

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title //  将title改成meta.title的内容
  }
  next()
})

需要将上述代码写在vue.use 之前，否则刷新或者直接输入地址不会触发钩子函数。