diff --git a/src/guide/component-basics.md b/src/guide/component-basics.md index 04c264d1..a78a8a26 100644 --- a/src/guide/component-basics.md +++ b/src/guide/component-basics.md @@ -54,7 +54,7 @@ app.mount('#components-demo') ``` - + ボタンをクリックすると、それぞれが独自の `count` を保持することに注意してください。 これはコンポーネントを使用する度に新しいコンポーネントの**インスタンス**が作成されるためです。 @@ -111,7 +111,7 @@ app.mount('#blog-post-demo') ``` - + しかしながら、一般的なアプリケーションではおそらく `data` に投稿の配列を持っています: @@ -227,7 +227,7 @@ app.component('blog-post', { `@enlarge-text="postFontSize += 0.1"` リスナによって、親コンポーネントはこのイベントを受け取り `postFontSize` の値を更新することができます。 - + コンポーネントの `emits` オプションにより発行されたイベントを一覧することができます: diff --git a/src/guide/component-dynamic-async.md b/src/guide/component-dynamic-async.md index e5636440..a56713eb 100644 --- a/src/guide/component-dynamic-async.md +++ b/src/guide/component-dynamic-async.md @@ -12,7 +12,7 @@ しかし、コンポーネントを切り替える時、コンポーネントの状態を保持したり、パフォーマンスの理由から再レンダリングを避けたいときもあるでしょう。例えば、タブインターフェースを少し拡張した場合: - + Posts タブの投稿を選択し、 _Archive_ タブに切り替えてから _Posts_ に戻ると、選択していた投稿が表示されないことに気づくでしょう。これは、新しいタブに切り替えるたびに、Vue が `currentTabComponent` の新しいインスタンスを作成するからです。 @@ -27,7 +27,7 @@ Posts タブの投稿を選択し、 _Archive_ タブに切り替えてから _P 以下の結果を確認してみてください: - + このように _Posts_ タブがレンダリングされていなくても、自身の状態（選択された投稿）を保持するようになります。 diff --git a/src/guide/events.md b/src/guide/events.md index 67928326..cbf4a9bb 100644 --- a/src/guide/events.md +++ b/src/guide/events.md @@ -25,7 +25,7 @@ Vue.createApp({ 結果: - + ## メソッドイベントハンドラ @@ -62,7 +62,7 @@ Vue.createApp({ 結果: - + ## インラインメソッドハンドラ @@ -87,7 +87,7 @@ Vue.createApp({ 結果: - + 時には、インラインステートメントハンドラでオリジナルの DOM イベントを参照したいこともあるでしょう。特別な `$event` 変数を使うことでメソッドに DOM イベントを渡すことができます: diff --git a/src/guide/forms.md b/src/guide/forms.md index 2ecc8a6c..7f8c78d2 100644 --- a/src/guide/forms.md +++ b/src/guide/forms.md @@ -157,7 +157,7 @@ Vue.createApp({ Selected: {{ selected }} ``` - + 動的なオプションを`v-for`により描画: diff --git a/src/guide/list.md b/src/guide/list.md index 135a121e..55a9363e 100644 --- a/src/guide/list.md +++ b/src/guide/list.md @@ -217,7 +217,7 @@ methods: { 結果: - + ## `