docs: translate step 7 of tutorial

src/tutorial/src/step-7/App/composition.js

@@ -2,7 +2,7 @@ import { ref } from 'vue'
 
 export default {
   setup() {
-    // 给每个 todo 对象一个唯一的 id
+    // 給每個 todo 對象一個唯一的 id
     let id = 0
 
     const newTodo = ref('')

src/tutorial/src/step-7/App/options.js

@@ -1,4 +1,4 @@
-// 给每个 todo 对象一个唯一的 id
+// 給每個 todo 對象一個唯一的 id
 let id = 0
 
 export default {

src/tutorial/src/step-7/_hint/App/composition.js

@@ -2,7 +2,7 @@ import { ref } from 'vue'
 
 export default {
   setup() {
-    // 给每个 todo 对象一个唯一的 id
+    // 給每個 todo 對象一個唯一的 id
     let id = 0
 
     const newTodo = ref('')

src/tutorial/src/step-7/_hint/App/options.js

@@ -1,4 +1,4 @@
-// 给每个 todo 对象一个唯一的 id
+// 給每個 todo 對象一個唯一的 id
 let id = 0
 
 export default {

src/tutorial/src/step-7/description.md

@@ -1,6 +1,6 @@
 # 列表渲染 {#list-rendering}
 
-我们可以使用 `v-for` 指令来渲染一个基于源数组的列表：
+我們可以使用 `v-for` 指令來渲染一個基於源數組的列表：
 
 ```vue-html
 <ul>
@@ -10,13 +10,13 @@
 </ul>
 ```
 
-这里的 `todo` 是一个局部变量，表示当前正在迭代的数组元素。它只能在 `v-for` 所绑定的元素上或是其内部访问，就像函数的作用域一样。
+這裡的 `todo` 是一個局部變量，表示當前正在迭代的數組元素。它只能在 `v-for` 所綁定的元素上或是其內部訪問，就像函數的作用域一樣。
 
-注意，我们还给每个 todo 对象设置了唯一的 `id`，并且将它作为<a target="_blank" href="/api/built-in-special-attributes.html#key">特殊的 `key` attribute</a> 绑定到每个 `<li>`。`key` 使得 Vue 能够精确的移动每个 `<li>`，以匹配对应的对象在数组中的位置。
+注意，我們還給每個 todo 對象設置了唯一的 `id`，並且將它作為<a target="_blank" href="/api/built-in-special-attributes.html#key">特殊的 `key` 屬性</a> 綁定到每個 `<li>`。`key` 使得 Vue 能夠精確的移動每個 `<li>`，以匹配對應的對象在數組中的位置。
 
-更新列表有两种方式：
+更新列表有兩種方式：
 
-1. 在源数组上调用[变更方法](https://stackoverflow.com/questions/9009879/which-javascript-array-functions-are-mutating)：
+1. 在源數組上調用[變更方法](https://stackoverflow.com/questions/9009879/which-javascript-array-functions-are-mutating)：
 
    <div class="composition-api">
 
@@ -33,7 +33,7 @@
 
    </div>
 
-2. 使用新的数组替代原数组：
+2. 使用新的數組替代原數組：
 
    <div class="composition-api">
 
@@ -50,6 +50,6 @@
 
    </div>
 
-这里有一个简单的 todo 列表——试着实现一下 `addTodo()` 和 `removeTodo()` 这两个方法的逻辑，使列表能够正常工作！
+這裡有一個簡單的 todo 列表——試著實現一下 `addTodo()` 和 `removeTodo()` 這兩個方法的邏輯，使列表能夠正常工作！
 
-关于 `v-for` 的更多细节：<a target="_blank" href="/guide/essentials/list.html">指南 - 列表渲染</a>
+關於 `v-for` 的更多細節：<a target="_blank" href="/guide/essentials/list.html">指南 - 列表渲染</a>