Skip to content

Fix untranslated part of reactivity-computed-watchers article #597

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 4 commits into from
Dec 5, 2021
Merged
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
20 changes: 10 additions & 10 deletions src/guide/reactivity-computed-watchers.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,35 +30,35 @@ plusOne.value = 1
console.log(count.value) // 0
```

### Computed Debugging <Badge text="3.2+" />
### 算出プロパティのデバッグ <Badge text="3.2+" />

`computed` accepts a second argument with `onTrack` and `onTrigger` options:
`computed` は 2 つ目の引数及び `onTrack` `onTrigger` オプションにアクセスする:

- `onTrack` will be called when a reactive property or ref is tracked as a dependency.
- `onTrigger` will be called when the watcher callback is triggered by the mutation of a dependency.
- `onTrack` はリアクティブプロパティまた ref が依存関係として追跡する時に呼び出される。
- `onTrigger` はウォッチャのコールバックが依存関係の変更上でトリガーされた時に呼び出される。

Both callbacks will receive a debugger event which contains information on the dependency in question. It is recommended to place a `debugger` statement in these callbacks to interactively inspect the dependency:
両方のコールバックは依存情報を持つデバッグイベントを受け取ります。このコールバックにはインタラクティブに依存を確認ため `debugger` と言う表現を使う推奨します:

```js
const plusOne = computed(() => count.value + 1, {
onTrack(e) {
// triggered when count.value is tracked as a dependency
// count.value を依存関係として追跡する場合にトリガーする
debugger
},
onTrigger(e) {
// triggered when count.value is mutated
// count.value を変更される場合にトリガーする
debugger
}
})

// access plusOne, should trigger onTrack
// plusOne にアクセスされる場合に onTrack がトリガーする
console.log(plusOne.value)

// mutate count.value, should trigger onTrigger
// count.value を変更される場合に onTrigger がトリガーする
count.value++
```

`onTrack` and `onTrigger` only work in development mode.
`onTrack` `onTrigger` は開発モードのみに動作します。

## `watchEffect`

Expand Down