Dynamic routing switch title vue-

router.js

 {
      path: '/nav',
      component: () => import('../view/nav.vue'),
      meta:{
        title:'nav',
      }
    },
    {
      path: '/haha',
      component: () => import('../view/haha.vue'),
      meta:{
        title:'haha'
      }
    }

main.js in

router.beforeEach ((to, from , Next) => {
   / * route changes modify the page Meta * / 
  IF (to.meta.content) { 
    the let head = document.getElementsByTagName ( ' head ' ); 
    the let Meta = Document. the createElement ( ' Meta ' ); 
    meta.content = to.meta.content; 
    [head 0 ] .appendChild (Meta) 
  } 
  / * route changes modify the page title * / 
  IF (to.meta.title) { 
    document.title = to.meta.title; 
  } 
  Next () 
});

ok

Like my little partner can focus on micro-channel public number "front-end pseudo-uncle."