Vue-router Setting page Titles

Vue-router can be used to develop single-page applications, but in practice each view has its own title name, which will be led by the router Beforeeach to unified set up

Const ROUTER = new Router ({
  routes: [
    {
      path: '/',
      Name: ' Index ',
      meta: {title: "I Am Home"},
      Compon Ent:index
    },
    {
        path: '/',
        Name: ' List ',
        meta:{title: "I am a list page"},
        component:list
    }
  ]
})

Router.beforeeach (to, from, next) = {//beforeeach is a router hook function that executes
  if (to.meta.title) {//Determines if there is a caption
    before entering the route Document.title = To.meta.title
  }
  Next ()//execute Enter route, if not write will not go to target page
})

export default router