facebook twitter hatena line google mixi email

「Javascript/vue/vuepress」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(バージョンなどを記述)
(バージョンなどを記述)
行15: 行15:
 
<pre>
 
<pre>
 
ver:{{$version.hoge.piyo}}'
 
ver:{{$version.hoge.piyo}}'
 +
</pre>
 +
 +
==カスタム変数用意==
 +
docs/.vuepress/scripts/string.js
 +
<pre>
 +
const string = {
 +
    support: {
 +
        mail: "hoge@gmail.com"
 +
    }
 +
}
 +
export default {
 +
    computed: {
 +
        $string () {
 +
            return string
 +
        }
 +
    }
 +
}
 +
</pre>
 +
docs/.vuepress/enhanceApp.js
 +
<pre>
 +
import strings from "./scripts/string"
 +
export default ({
 +
      Vue,
 +
      options,
 +
      router,
 +
      siteData
 +
}) => {
 +
      Vue.mixin(strings);
 +
}
 
</pre>
 
</pre>
  
 
==参考==
 
==参考==
 
https://qiita.com/dojineko/items/aae7e6d13479e08d49fd
 
https://qiita.com/dojineko/items/aae7e6d13479e08d49fd

2019年4月12日 (金) 13:17時点における版

vuepressとは

Markdownのドキュメントジェネレーター

サイトデザインなど変更

設定ファイル

.vuepress/config.js

バージョンなどを記述

vi .vuepress/scripts/version.js

const version = {
    hoge: {
        piyo: "1.1.0",

example1.md

ver:{{$version.hoge.piyo}}'

カスタム変数用意

docs/.vuepress/scripts/string.js

const string = {
    support: {
        mail: "hoge@gmail.com"
    }
}
export default {
    computed: {
        $string () {
            return string
        }
    }
}

docs/.vuepress/enhanceApp.js

import strings from "./scripts/string"
export default ({
      Vue,
      options,
      router,
      siteData
}) => {
      Vue.mixin(strings);
}

参考

https://qiita.com/dojineko/items/aae7e6d13479e08d49fd