Skip to content

Commit 7cad06f

Browse files
committed
1 parent 37cf9c9 commit 7cad06f

File tree

1 file changed

+10
-4
lines changed

1 file changed

+10
-4
lines changed

src/guide/reactivity-computed-watchers.md

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -82,8 +82,8 @@ watchEffect(onInvalidate => {
8282

8383
```js
8484
const data = ref(null)
85-
watchEffect(async onInvalidate => {
86-
onInvalidate(() => {...}) // Promise の解決前にクリーンアップする関数を登録
85+
watchEffect(async (onInvalidate) => {
86+
onInvalidate(() => {/* ... */}) // Promise の解決前にクリーンアップする関数を登録
8787
data.value = await fetchData(props.id)
8888
})
8989
```
@@ -199,9 +199,15 @@ watch(count, (count, prevCount) => {
199199
ウォッチャは、配列を利用することで、複数のデータソースを同時に監視できます:
200200

201201
```js
202-
watch([fooRef, barRef], ([foo, bar], [prevFoo, prevBar]) => {
203-
/* ... */
202+
const firstName = ref('');
203+
const lastName= ref('');
204+
205+
watch([firstName, lastName], (newValues, prevValues) => {
206+
console.log(newValues, prevValues);
204207
})
208+
209+
firstName.value = "John"; // logs: ["John",""] ["", ""]
210+
lastName.value = "Smith"; // logs: ["John", "Smith"] ["John", ""]
205211
```
206212

207213
### `watchEffect` との振る舞いの共有

0 commit comments

Comments
 (0)