路由元信息

通过路由记录中的meta属性可以定义路由的元信息，使用路由元信息可以在路由中附加自定义的数据。

例如可以添加一下自定义的数据：
- 权限校验标识
- 路由组件的过渡效果名称
- 路由组件持久化缓存（keep-alive）的相关配置
- 菜单标题名称
- 菜单图标

我们可以在路由信息对象（route） 中和路由导航守卫(beforeEach、afterEach) 中访问路由的元信息内的自定义数据。

定义路由元信息:

const routes = [
    {
        path: '/',
        name: 'Home',
        component: Home,
        meta: {
            icon: 'xxx',
            title: 'xxx',
            auth: 'xxx'
        }
    }
]

访问路由元信息:

------ route 访问 ------
import { useRoute } from 'vue-router'
const route = useRoute()
console.log(route.meta.icon)

------ 路由导航守卫访问 ------
router.beforeEach((to, from) => { 
    console.log(to.meta)
    console.log(from.meta)
})

第七章-路由元信息

路由元信息