Vue 设置页面标题title

最近做vue项目，想要设置页面的标题title，初次接触，不知道在哪里设置

   router  -- index.js

const router = new Router({
    mode: 'history',
    routes: [
        {
            path: '/register',
            name: 'register',
            component: Register,
            meta:{
                // 页面标题title
                title: '注册'
            }
        },
        {
            path: '/login',
            name: 'login',
            component: Login,
            meta:{
                title: '登录'
            }
        }
    ]
})
export default router

 再在   main.js 文件中设置

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

设置完成，就可以在页面的标签中看到设置的 title