From 0a49820ad977229cfe83509c3e02adfc45af610b Mon Sep 17 00:00:00 2001 From: dy-xiaodong2022 Date: Fri, 26 Apr 2024 14:17:46 +0800 Subject: [PATCH] docs: translate step 10 of tutorial --- src/tutorial/src/step-10/description.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/tutorial/src/step-10/description.md b/src/tutorial/src/step-10/description.md index 5b1f1e7a..dfbb9140 100644 --- a/src/tutorial/src/step-10/description.md +++ b/src/tutorial/src/step-10/description.md @@ -1,6 +1,6 @@ -# 侦听器 {#watchers} +# 偵聽器 {#watchers} -有时我们需要响应性地执行一些“副作用”——例如，当一个数字改变时将其输出到控制台。我们可以通过侦听器来实现它： +有時我們需要響應性地執行一些“副作用”——例如，當一個數字改變時將其輸出到控制台。我們可以通過偵聽器來實現它：
@@ -10,12 +10,12 @@ import { ref, watch } from 'vue' const count = ref(0) watch(count, (newCount) => { - // 没错，console.log() 是一个副作用 + // 沒錯，console.log() 是一個副作用 console.log(`new count is: ${newCount}`) }) ``` -`watch()` 可以直接侦听一个 ref，并且只要 `count` 的值改变就会触发回调。`watch()` 也可以侦听其他类型的数据源——更多详情请参阅指南 - 侦听器。 +`watch()` 可以直接偵聽一個 ref，並且只要 `count` 的值改變就會觸發回調。`watch()` 也可以偵聽其他類型的數據源——更多詳情請參閱指南 - 偵聽器。
@@ -29,15 +29,15 @@ export default { }, watch: { count(newCount) { - // 没错，console.log() 是一个副作用 + // 沒錯，console.log() 是一個副作用 console.log(`new count is: ${newCount}`) } } } ``` -这里，我们使用 `watch` 选项来侦听 `count` 属性的变化。当 `count` 改变时，侦听回调将被调用，并且接收新值作为参数。更多详情请参阅指南 - 侦听器。 +這裡，我們使用 `watch` 選項來偵聽 `count` 屬性的變化。當 `count` 改變時，偵聽回調將被調用，並且接收新值作為參數。更多詳情請參閱指南 - 偵聽器。
-一个比在控制台输出更加实际的例子是当 ID 改变时抓取新的数据。在右边的例子中就是这样一个组件。该组件被挂载时，会从模拟 API 中抓取 todo 数据，同时还有一个按钮可以改变要抓取的 todo 的 ID。现在，尝试实现一个侦听器，使得组件能够在按钮被点击时抓取新的 todo 项目。 +一個比在控制台輸出更加實際的例子是當 ID 改變時抓取新的數據。在右邊的例子中就是這樣一個組件。該組件被掛載時，會從模擬 API 中抓取 todo 數據，同時還有一個按鈕可以改變要抓取的 todo 的 ID。現在，嘗試實現一個偵聽器，使得組件能夠在按鈕被點擊時抓取新的 todo 項目。