vue路由中的meta属性

在Vue.js中，路由的meta属性是一个对象，可以用来存储一些额外的信息，比如页面的标题、页面的描述、需要的权限等等。这些信息可以在路由跳转时被访问到，方便我们做一些权限和页面信息的控制。

在定义路由时，我们可以给每个路由对象添加一个meta属性，例如：

const routes = [
  {
    path: '/home',
    component: Home,
    meta: {
      title: '首页',
      requireAuth: true
    }
  },
  {
    path: '/about',
    component: About,
    meta: {
      title: '关于我们',
      requireAuth: false
    }
  }
]

在上面的代码中，我们给了两个路由对象添加了meta属性。这个meta属性是一个对象，里面可以添加一些自定义的属性，比如上面的title和requireAuth属性。其中title属性表示页面的标题，requireAuth表示是否需要登录才能访问该页面。

当我们进行路由跳转时，可以通过路由对象的meta属性来获取这些信息，例如：

router.beforeEach((to, from, next) => {
  document.title = to.meta.title
  if (to.meta.requireAuth && !isAuthenticated()) {
    next('/login')
  } else {
    next()
  }
})

在上面的代码中，我们在路由跳转前进行了一些控制，首先设置了页面的标题，然后判断了该页面是否需要登录才能访问，如果需要登录但用户没有登录，则跳转到登录页面；否则继续跳转到目标页面。