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
---

各位看官，小站运营不易，刷到广告还请多多包涵，如果本站文章帮助到了您，还请麻烦帮忙点下广告哈。🤗