PROSAGA码农传奇-组态/图模一体化-VuePress配置中的Front-matter默认值

<div class =“post-text”itemprop =“text”>
  
    要定义可以在站点中的任何位置访问的某些变量，可以将它们添加到主题配置中。
  
  
    如果您还没有，请创建一个
     <code>
 config.js
 </code>
     档案在
     <code>
 .vuepress/config.js
 </code>
    。
  
  
    此文件应导出对象。
  
  
    你想添加一个
     <code>
 themeConfig: {}
 </code>
     对此。
  
  
    您在上面设置的属性
     <code>
 themeConfig
 </code>
     对象将在您的整个网站上可用
     <code>
 $themeConfig
 </code>
    。
  
   <pre>
 <code>
 //- .vuepress/config.js

module.exports = {
  themeConfig: {
    //- Define your variables here
    author: 'Name',
    foo: 'bar'
  }
}

</code>
 </pre>
   <pre>
 <code>
 {{ $themeConfig.author }} //- 'Name'
 {{ $themeConfig.foo }} //- 'bar

</code>
 </pre>
  
    您还可以通过使用全局计算函数轻松地在本地/每页覆盖。 （这也可以提供更简洁的方式来访问变量）
  
  
    添加一个
     <code>
 enhanceApp.js
 </code>
     文件在同一个地方
     <code>
 config.js
 </code>
    ，将允许您访问Vue实例 - 您可以在其中为所有组件定义mixin。
  
  
    您可以在此mixin中定义一些计算属性，首先检查页面前端数据中的值，然后回退到themeConfig中设置的值。允许您设置一些可以在每页本地覆盖的默认值。
  
   <pre>
 <code>
 //- .vuepress/enhanceApp.js

export default ({ Vue }) => {
  Vue.mixin({
    computed: {
      author() {
        const { $themeConfig, $frontmatter } = this
        return $frontmatter.author || $themeConfig.author
      },
      foo() {
        const { $themeConfig, $frontmatter } = this
        return $frontmatter.foo || $themeConfig.foo
      }
    }
  })
}

</code>
 </pre>
   <pre>
 <code>
 {{ author }} //- 'Name'
 {{ foo }} //- 'bar

</code>
 </pre>
  
    <a href="https://v1.vuepress.vuejs.org/guidebasic-config.html#app-level-enhancements" rel="nofollow noreferrer">
      Vuepress配置文档
    </A>
    <a href="https://v1.vuepress.vuejs.org/guidebasic-config.html#app-level-enhancements" rel="nofollow noreferrer">
      Vuepress应用程序级别增强
    </A>
  
</DIV>