Skip to content

Commit 6da7e9a

Browse files
committed
fix:translate guide/computed.md
1 parent 007e22e commit 6da7e9a

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/guide/computed.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ Vue.createApp({
3232

3333
これだと、テンプレートはもうシンプルでも宣言的でもありません。`author.books` を元に計算していると分かるまで少し時間がかかります。この計算を何回もテンプレートに含めたい場合、問題はさらに悪化します。
3434

35-
そのため、リアクティブなデータを含む複雑なロジックには**算出プロパティ**を使いましょう
35+
そのため、リアクティブなデータを含む複雑なロジックには**算出プロパティ**を使うべきです
3636

3737
### 基本的な例
3838

@@ -80,7 +80,7 @@ Vue.createApp({
8080

8181
このアプリケーションの `data` にある `books` 配列の値を変更してみると、それに応じて `publishedBooksMessage` がどのように変わるか分かるでしょう。
8282

83-
通常のプロパティと同じように、テンプレート内で算出プロパティにデータバインドできます。Vue は `vm.publishedBooksMessage``vm.author.books` に依存していると分かっているので、`vm.author.books` が変更されると `vm.publishedBooksMessage` に依存するバインディングを更新します。また、この依存関係を宣言的に作成しているのが最高です: 算出 getter 関数には副作用がないので、テストや理解するのが容易になります。
83+
通常のプロパティと同じように、テンプレート内で算出プロパティにデータバインドできます。Vue は `vm.publishedBooksMessage``vm.author.books` に依存していると分かっているので、`vm.author.books` が変更されると `vm.publishedBooksMessage` に依存するバインディングを更新します。そして、一番よいのは、この依存関係を宣言的に作成していることです。算出 getter 関数には副作用がないので、テストや理解するのが容易になります。
8484

8585
### 算出プロパティ vs メソッド
8686

@@ -101,7 +101,7 @@ methods: {
101101

102102
同じ関数を算出プロパティではなくメソッドとして定義することもできます。結果だけ見れば、この2つのアプローチはまったく同じになりますが、**算出プロパティはリアクティブな依存関係に基づいてキャッシュされる**という違いがあります。算出プロパティはリアクティブな依存関係の一部が変更された場合にのみ再評価されるのです。つまり、`author.books`が変更されなければ、算出プロパティの `publishedBooksMessage` に複数回アクセスしても関数は再実行されず、前回計算した結果がすぐに返されます。
103103

104-
下の算出プロパティは `Date.now()` がリアクティブな依存関係ではないので、一度も更新されないことになります:
104+
以下の算出プロパティは `Date.now()` がリアクティブな依存関係ではないので、一度も更新されないことになります:
105105

106106
```js
107107
computed: {

0 commit comments

Comments
 (0)