@@ -88,6 +88,8 @@ const app = createApp({})
88
88
// 登録
89
89
app .directive (' my-directive' , {
90
90
// ディレクティブはライフサイクルのセットをもちます:
91
+ // バインドされた要素の属性やイベントリスナが適用される前に呼び出されます。
92
+ created () {},
91
93
// バインドされた要素の親コンポーネントがマウントされる前に呼び出されます。
92
94
beforeMount () {},
93
95
// バインドされた要素の親コンポーネントがマウントされた後に呼び出されます。
@@ -189,7 +191,7 @@ el にて受け取った実際の DOM 要素の blueprint を表します。
189
191
190
192
- ** 使用方法:**
191
193
192
- 渡された DOM 要素に対して、アプリケーションインスタンスのルートコンポーネントをマウントします 。
194
+ 与えられた DOM 要素の ` innerHTML ` は、アプリケーションのルートコンポーネントのレンダリングされたテンプレートに置き換えられます 。
193
195
194
196
- ** 例:**
195
197
@@ -259,13 +261,9 @@ app.provide('user', 'administrator')
259
261
260
262
## unmount
261
263
262
- - ** 引数:**
263
-
264
- - ` {Element | string} rootContainer `
265
-
266
264
- ** 使用方法:**
267
265
268
- 与えられた引数に合致した DOM 要素のアプリケーションインスタンスのルート要素をアンマウントします 。
266
+ アプリケーションインスタンスのルートコンポーネントをアンマウントします 。
269
267
270
268
- ** 例:**
271
269
@@ -283,7 +281,7 @@ const app = createApp({})
283
281
app .mount (' #my-app' )
284
282
285
283
// アプリケーションは5秒後にアンマウントされます
286
- setTimeout (() => app .unmount (' #my-app ' ), 5000 )
284
+ setTimeout (() => app .unmount (), 5000 )
287
285
```
288
286
289
287
## use
@@ -305,4 +303,40 @@ setTimeout(() => app.unmount('#my-app'), 5000)
305
303
306
304
同じプラグインに対してこのメソッドが複数回呼び出された場合、プラグインは一度だけインストールされます。
307
305
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
+
308
318
- ** 参照:** [ 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