全局计算属性

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