• 全局计算属性
    • $site
    • $page
    • $frontmatter
    • $lang
    • $localePath
    • $title
    • $description
    • $themeConfig

    全局计算属性

    在 VuePress 中,内置了一些核心的计算属性,以供默认主题 或自定义主题使用。

    $site

    这是你现在看到的这个网站的 $site 的值:

    1. {
    2. "title": "VuePress",
    3. "description": "Vue 驱动的静态网站生成器",
    4. "base": "/",
    5. "pages": [
    6. {
    7. "lastUpdated": 1524027677000,
    8. "path": "/",
    9. "title": "VuePress",
    10. "frontmatter": {}
    11. },
    12. ...
    13. ]
    14. }

    $page

    这是你现在看到的这个页面的 $page 的值:

    1. {
    2. "title": "Global Computed",
    3. "frontmatter": {
    4. "sidebar": "auto"
    5. },
    6. "regularPath": "/zh/miscellaneous/global-computed.html",
    7. "key": "v-bc9a3e3f9692d",
    8. "path": "/zh/miscellaneous/global-computed.html",
    9. "headers": [
    10. {
    11. "level": 2,
    12. "title": "$site",
    13. "slug": "site"
    14. },
    15. {
    16. "level": 2,
    17. "title": "$page",
    18. "slug": "page"
    19. },
    20. ...
    21. ]
    22. }

    $frontmatter

    $page.frontmatter 的引用。

    $lang

    当前页面的语言,默认值为 en-US

    参考:

    • 多语言支持

    $localePath

    当前页面的 locale 路径前缀,默认值为 /,当前页面为 /zh/

    参考:

    • 多语言支持

    $title

    用于当前页面的 <title> 标签的值。

    $description

    用于当前页面的 <meta name="description" content="…">content 值。

    $themeConfig

    siteConfig.themeConfig