「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);
}
