facebook twitter hatena line google mixi email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(バージョンなどを記述)
(カスタム変数用意)
行18: 行18:
  
 
==カスタム変数用意==
 
==カスタム変数用意==
docs/.vuepress/scripts/string.js
+
.vuepress/scripts/string.js
 
<pre>
 
<pre>
 
const string = {
 
const string = {
行33: 行33:
 
}
 
}
 
</pre>
 
</pre>
docs/.vuepress/enhanceApp.js
+
.vuepress/enhanceApp.js
 
<pre>
 
<pre>
 
import strings from "./scripts/string"
 
import strings from "./scripts/string"

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

vuepressとは

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

サイトデザインなど変更

設定ファイル

.vuepress/config.js

バージョンなどを記述

vi .vuepress/scripts/version.js

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

example1.md

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

カスタム変数用意

.vuepress/scripts/string.js

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

.vuepress/enhanceApp.js

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

参考

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