Skip to content

Commit 1c8f364

Browse files
committed
Merge branch 'lang-ja' into feature/apply-new-textlint-preset
* lang-ja: API Reference > Application API の翻訳を追従 (#371) API Reference > Application Config の翻訳を追従 (#367)
2 parents ecd92e7 + 37e0109 commit 1c8f364

File tree

2 files changed

+54
-28
lines changed

2 files changed

+54
-28
lines changed

src/api/application-api.md

Lines changed: 41 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,8 @@ const app = createApp({})
8888
// 登録
8989
app.directive('my-directive', {
9090
// ディレクティブはライフサイクルのセットをもちます:
91+
// バインドされた要素の属性やイベントリスナが適用される前に呼び出されます。
92+
created() {},
9193
// バインドされた要素の親コンポーネントがマウントされる前に呼び出されます。
9294
beforeMount() {},
9395
// バインドされた要素の親コンポーネントがマウントされた後に呼び出されます。
@@ -189,7 +191,7 @@ el にて受け取った実際の DOM 要素の blueprint を表します。
189191

190192
- **使用方法:**
191193

192-
渡された DOM 要素に対して、アプリケーションインスタンスのルートコンポーネントをマウントします
194+
与えられた DOM 要素の `innerHTML` は、アプリケーションのルートコンポーネントのレンダリングされたテンプレートに置き換えられます
193195

194196
- **例:**
195197

@@ -259,13 +261,9 @@ app.provide('user', 'administrator')
259261

260262
## unmount
261263

262-
- **引数:**
263-
264-
- `{Element | string} rootContainer`
265-
266264
- **使用方法:**
267265

268-
与えられた引数に合致した DOM 要素のアプリケーションインスタンスのルート要素をアンマウントします
266+
アプリケーションインスタンスのルートコンポーネントをアンマウントします
269267

270268
- **例:**
271269

@@ -283,7 +281,7 @@ const app = createApp({})
283281
app.mount('#my-app')
284282

285283
// アプリケーションは5秒後にアンマウントされます
286-
setTimeout(() => app.unmount('#my-app'), 5000)
284+
setTimeout(() => app.unmount(), 5000)
287285
```
288286

289287
## use
@@ -305,4 +303,40 @@ setTimeout(() => app.unmount('#my-app'), 5000)
305303

306304
同じプラグインに対してこのメソッドが複数回呼び出された場合、プラグインは一度だけインストールされます。
307305

306+
- **例:**
307+
308+
```js
309+
import { createApp } from 'vue'
310+
import MyPlugin from './plugins/MyPlugin'
311+
312+
const app = createApp({})
313+
314+
app.use(MyPlugin)
315+
app.mount('#app')
316+
```
317+
308318
- **参照:** [Plugins](../guide/plugins.html)
319+
320+
## version
321+
322+
- **使用方法:**
323+
324+
インストールされている Vue のバージョンを文字列で提供します。これはバージョンごとに異なる戦略を使う可能性のあるコミュニティの [プラグイン](/guide/plugins.html) の場合に便利です。
325+
326+
- **例:**
327+
328+
```js
329+
export default {
330+
install(app) {
331+
const version = Number(app.version.split('.')[0])
332+
333+
if (version < 3) {
334+
console.warn('This plugin requires Vue 3')
335+
}
336+
337+
// ...
338+
}
339+
}
340+
```
341+
342+
- **参照**: [Global API - version](/api/global-api.html#version)

src/api/application-config.md

Lines changed: 13 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,14 @@
11
# アプリケーション構成
22

3-
`config` は、 Vue アプリケーションのグローバル設定を含むオブジェクトです。アプリケーションをマウントする前に、以下のプロパティを変更できます:
3+
すべての Vue アプリケーションは、そのアプリケーションの構成設定を含む `config` オブジェクトを公開します:
44

55
```js
6-
const app = Vue.createApp({})
6+
const app = createApp({})
77

8-
app.config = {...}
8+
console.log(app.config)
99
```
1010

11-
## devtools
12-
13-
- **型:** `boolean`
14-
15-
- **デフォルト:** `true` (プロダクションビルドでは `false`)
16-
17-
- **使用方法:**
18-
19-
```js
20-
app.config.devtools = true
21-
```
22-
23-
[vue-devtools](https://github.com/vuejs/vue-devtools) による検査を許可するかどうかを設定します。このオプションのデフォルト値は、development ビルドでは `true` に、プロダクションビルドでは `false` となります。true にすることで、プロダクションビルドで検査を有効にできます。
11+
アプリケーションをマウントする前に、以下に列挙したプロパティを変更することができます。
2412

2513
## errorHandler
2614

@@ -78,14 +66,14 @@ app.component('child-component', {
7866

7967
アプリケーション内のあらゆるコンポーネントのインスタンスからアクセスできるグローバルなプロパティを追加します。名称が競合した場合、コンポーネントのプロパティが優先されます。
8068

81-
これは、 Vue 2.x における Vue.prototype` 拡張を置き換えることができます:
69+
これは、 Vue 2.x における `Vue.prototype` 拡張を置き換えることができます:
8270

8371
```js
8472
// Before
8573
Vue.prototype.$http = () => {}
8674

8775
// After
88-
const app = Vue.createApp({})
76+
const app = createApp({})
8977
app.config.globalProperties.$http = () => {}
9078
```
9179

@@ -106,6 +94,10 @@ Vue の外部にて定義された(Web Components API を利用した場合な
10694

10795
> この関数では、全てのネイティブの HTML ならびに SVG のタグをマッチさせる必要はありません。Vue のパーサが自動的にこのチェックを行います。
10896
97+
::: tip Important
98+
この設定オプションは、ランタイムコンパイラを使うときにのみ尊重されます。ランタイム限定ビルドを使う場合、 `isCustomElement` は代わりにビルドの設定で `@vue/compiler-dom` に渡す必要があります。例えば、 [vue-loader の `compilerOptions` オプション](https://vue-loader.vuejs.org/options.html#compileroptions) を経由して渡します。
99+
:::
100+
109101
## optionMergeStrategies
110102

111103
- **型:** `{ [key: string]: Function }`
@@ -115,7 +107,7 @@ Vue の外部にて定義された(Web Components API を利用した場合な
115107
- **使用方法:**
116108

117109
```js
118-
const app = Vue.createApp({
110+
const app = createApp({
119111
mounted() {
120112
console.log(this.$options.hello)
121113
}
@@ -134,9 +126,9 @@ app.mixin({
134126

135127
カスタムオプションのマージ戦略を定義します。
136128

137-
マージ戦略は、親インスタンスと子インスタンスで定義されたオプションの値をそれぞれ第一引数と第二引数として受け取ります。アプリケーションコンテキストのインスタンスは、第三引数として渡されます
129+
マージ戦略は、親インスタンスと子インスタンスで定義されたオプションの値をそれぞれ第 1 引数と第 2 引数として受け取ります。アプリケーションコンテキストのインスタンスは、第 3 引数として渡されます
138130

139-
- **こちらも:** [Custom Option Merging Strategies](../guide/mixins.html#custom-option-merge-strategies)
131+
- **参照:** [Custom Option Merging Strategies](../guide/mixins.html#custom-option-merge-strategies)
140132

141133
## performance
142134

0 commit comments

Comments
 (0)