04-VitePress自带默认对象
这里主要介绍VitePress内置的对象,干什么用,如何获取和使用。
路由相关
各位看官,小站运营不易,刷到广告还请多多包涵,如果本站文章帮助到了您,还请麻烦帮忙点下广告哈。🤗
获取当前页面路由对象
vue
<script setup>
import { useRoute } from 'vitepress'
const route = useRoute()
console.log(route)
console.log(route.path) // 当前页面路径
</script>
获取数据
获取当前页面的数据
javascript
import { useData } from 'vitepress'
// 获取 frontmatter
const { frontmatter } = useData()
// 获取页面自定义的layoutClass属性
console.log(frontmatter.value?.layoutClass)
比如在nav.md 页面上加上下面的自定义属性
markdown
---
description: 页面描述
layoutClass: m-nav-layout
---
各位看官,小站运营不易,刷到广告还请多多包涵,如果本站文章帮助到了您,还请麻烦帮忙点下广告哈。🤗