04-VitePress自带默认对象

这里主要介绍VitePress内置的对象，干什么用，如何获取和使用。

路由相关

获取当前页面路由对象

<script setup>
    import { useRoute } from 'vitepress'
    const route = useRoute()
    console.log(route)
    console.log(route.path) // 当前页面路径
</script>

获取数据

获取当前页面的数据

import { useData } from 'vitepress'

// 获取 frontmatter
const { frontmatter } = useData()

// 获取页面自定义的layoutClass属性
console.log(frontmatter.value?.layoutClass)

比如在nav.md 页面上加上下面的自定义属性

---
description: 页面描述
layoutClass: m-nav-layout
---