15-router、routes 和 route 三者区别

详细： vue3-router4

router:路由对象

需要用 use(router) 挂载在 app 上

const router = createRouter({
    history: createWebHistory(),
    routes
})

routes:路由配置项

const routes: Array<RouteRecordRaw> = [
    {
        path: "/",
        meta: {
            type: "1"
        }
        components: {
            default: () => import('../components/layout/menu.vue'),
            header: () => import('../components/layout/header.vue'),
            content: () => import('../components/layout/content.vue'),
        }
    },
]

route:当前路由信息

读取当前信息

const $route = useRoute();
console.log("当前路由信息name",$route.name);

route.meta 专门用来携带信息的