vue修改路由里的meta

要修改Vue路由中的meta信息，可以使用Vue Router提供的导航守卫。具体来说，可以在路由定义中添加一个beforeEnter导航守卫，在这个守卫中修改路由的meta信息。例如：

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta: {
      title: 'Home Page'
    }
  },
  {
    path: '/about',
    name: 'About',
    component: About,
    meta: {
      title: 'About Page'
    }
  }
]

// 添加 beforeEnter 导航守卫
routes.forEach(route => {
  route.beforeEnter = (to, from, next) => {
    document.title = to.meta.title || 'Default Title'
    next()
  }
})

const router = new VueRouter({
  routes
})

在上面的代码中，我们首先定义了两个路由，并为它们设置了不同的meta信息。然后，我们通过循环遍历所有路由，为每个路由添加了一个beforeEnter导航守卫。在守卫中，我们通过document.title来修改页面标题，根据当前路由的meta信息设置页面标题。最后，我们将路由数组传递给VueRouter实例来创建路由。