Skip to content

Commit 37e0109

Browse files
authored
API Reference > Application API の翻訳を追従 (#371)
* feat: added created hook to directives (vuejs/docs@c9b8954) * fix(api): remove arguments of unmount api (vuejs/docs@5192278) * feat: added an example to use api (vuejs/docs@b740951) * fix: fixed an indentation (vuejs/docs@9dc86cc) * fix: fixed use API example (vuejs/docs@9eca838) * Mention application mounting changes in migration guide and API (vuejs/docs@3147cc5) * docs: add Vue.version and app.version to the API reference (vuejs/docs@4a437b6) * docs: translate api reference > application api
1 parent 9c489aa commit 37e0109

File tree

1 file changed

+41
-7
lines changed

1 file changed

+41
-7
lines changed

src/api/application-api.md

+41-7
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)

0 commit comments

Comments
 (0)