Skip to content

resolve #586 #587

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 19 commits into from
Nov 26, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/guide/component-basics.md
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,7 @@ app.component('blog-post', {
})
```

これにより、コンポーネントが排出する全てのイベントをチェックし、オプションでそれらを[検証する](component-custom-events.html#validate-emitted-events)ことができます。
これにより、コンポーネントが排出する全てのイベントをチェックし、オプションでそれらを[検証する](component-custom-events.html#発行されたイベントを検証する)ことができます。

### イベントと値を発行する

Expand Down Expand Up @@ -298,7 +298,7 @@ methods: {
```

::: warning
ここでは in-DOM テンプレートを使用しているため、 `model-value` をケバブケースで表記していることに注意してください。ケバブケースの属性とキャメルケースの属性に関しては[DOM テンプレートの構文解析の注意点](#dom-template-parsing-caveats)の章で詳しく解説されています。
ここでは in-DOM テンプレートを使用しているため、 `model-value` をケバブケースで表記していることに注意してください。ケバブケースの属性とキャメルケースの属性に関しては[DOM テンプレートの構文解析の注意点](#dom-テンプレートパース時の注意)の章で詳しく解説されています。
:::

これが実際に機能するためには、テンプレート内の `<input>` は以下でなければなりません:
Expand Down
2 changes: 1 addition & 1 deletion src/guide/component-dynamic-async.md
Original file line number Diff line number Diff line change
Expand Up @@ -89,4 +89,4 @@ createApp({

非同期コンポーネントのオプションに `suspensible: false` を指定することで、 `Suspense` の制御から外すことができ、常にコンポーネントが自身の読み込み状態を制御することができます。

[API リファレンス](../api/global-api.html#arguments-4) で利用可能なオプションのリストを確認できます。
[API リファレンス](../api/global-api.html#引数-4) で利用可能なオプションのリストを確認できます。
2 changes: 1 addition & 1 deletion src/guide/component-props.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ props: {
}
```

こうすることでコンポーネントがドキュメント化されるだけでなく、間違った型を渡した場合に、ブラウザの JavaScript コンソールで警告の表示もされます。詳しくはこのページの下にある[プロパティのバリデーション](#プロパティのバリデーション) にて説明します。
こうすることでコンポーネントがドキュメント化されるだけでなく、間違った型を渡した場合に、ブラウザの JavaScript コンソールで警告の表示もされます。詳しくはこのページの下にある[プロパティのバリデーション](#プロパティのバリデーション) にて説明します。

## 静的あるいは動的なプロパティの受け渡し

Expand Down
2 changes: 1 addition & 1 deletion src/guide/component-provide-inject.md
Original file line number Diff line number Diff line change
Expand Up @@ -116,4 +116,4 @@ app.component('todo-list-statistics', {
})
```

こうすると、`todos.length` へのあらゆる変更は、`todoLength` が注入されたコンポーネントに正しく反映されます。`computed` については、 [算出プロパティとウォッチのセクション](reactivity-computed-watchers.html#算出プロパティ) を、そして `reactive` の provide/inject の詳細については、[Composition API のセクション](composition-api-provide-inject.html#リアクティブ) をご覧ください。
こうすると、`todos.length` へのあらゆる変更は、`todoLength` が注入されたコンポーネントに正しく反映されます。`computed` については、 [算出プロパティとウォッチのセクション](reactivity-computed-watchers.html#算出プロパティ) を、そして `reactive` の provide/inject の詳細については、[Composition API のセクション](composition-api-provide-inject.html#リアクティブ) をご覧ください。
2 changes: 1 addition & 1 deletion src/guide/component-slots.md
Original file line number Diff line number Diff line change
Expand Up @@ -354,7 +354,7 @@ function (slotProps) {
}
```

これは、`v-slot` の値が関数定義の引数部分で有効な任意の JavaScript 式を受け付けることを意味します。そのため、特定のスロットプロパティを取得するために [ES2015 の分割代入](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Object_destructuring) を使うこともできます:
これは、`v-slot` の値が関数定義の引数部分で有効な任意の JavaScript 式を受け付けることを意味します。そのため、特定のスロットプロパティを取得するために [ES2015 の分割代入](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#オブジェクトの分割代入) を使うこともできます:

```html
<todo-list v-slot="{ item }">
Expand Down
2 changes: 1 addition & 1 deletion src/guide/data-methods.md
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ Vue は、 `methods` の `this` を自動的に束縛して、常にコンポー

`toTitleDate` や `formatDate` メソッドがどれかリアクティブなデータにアクセスすると、あたかもテンプレートで直接使われていたかのように、それはレンダリングの依存関係として追跡されます。

テンプレートから呼び出されたメソッドは、データの変更や非同期処理の発火などの副作用があってはなりません。もしそのようなことをしたくなったら、代わりに [ライフサイクルフック](instance.html#lifecycle-hooks) を使うべきです。
テンプレートから呼び出されたメソッドは、データの変更や非同期処理の発火などの副作用があってはなりません。もしそのようなことをしたくなったら、代わりに [ライフサイクルフック](instance.html#ライフサイクルフック) を使うべきです。

### Debounce (デバウンス) と Throttle (スロットル)

Expand Down
2 changes: 1 addition & 1 deletion src/guide/installation.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ Vue を使用する場合は、ブラウザに [Vue Devtools](https://github.com

ビルドツールの使用を避けたいが、本番環境で CDN を使用できない場合は、関連する `.js` ファイルをダウンロードして、自分のウェブサーバを使ってホストすることができます。CDN の場合と同じように `<script>` タグを使って導入することができます。

ファイルは [unpkg](https://unpkg.com/browse/vue@next/dist/) や [jsDelivr](https://cdn.jsdelivr.net/npm/vue@next/dist/) などの CDN から閲覧、ダウンロードすることができます。様々な異なるファイルは [後で説明しますが](#さまざまなビルドについて) 、通常は開発用のビルドと本番用のビルドの両方をダウンロードすることになります。
ファイルは [unpkg](https://unpkg.com/browse/vue@next/dist/) や [jsDelivr](https://cdn.jsdelivr.net/npm/vue@next/dist/) などの CDN から閲覧、ダウンロードすることができます。様々な異なるファイルは [後で説明しますが](#さまざまなビルドについて) 、通常は開発用のビルドと本番用のビルドの両方をダウンロードすることになります。

## npm

Expand Down
2 changes: 1 addition & 1 deletion src/guide/migration/introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Vue.js を使うのは初めてですか? [エッセンシャルガイド](/gu
- [移行ビルド](#移行ビルド)
- [注目すべき新機能](#注目すべき新機能)
- [破壊的変更](#破壊的変更)
- [サポートライブラリ](#サポートライブラリ)
- [サポートライブラリ](#サポートライブラリ)

## 概要

Expand Down
2 changes: 1 addition & 1 deletion src/guide/transitions-list.md
Original file line number Diff line number Diff line change
Expand Up @@ -300,7 +300,7 @@ Vue.component('my-special-transition', {
})
```

そして[関数型コンポーネント](render-function.html#Functional-Components)は、このようなタスクに時に適しています:
そして[関数型コンポーネント](render-function.html#関数型コンポーネント)は、このようなタスクに時に適しています:

```js
Vue.component('my-special-transition', {
Expand Down